React和TypeScript中的错误"Property 'value' does not exist on type 'Readonly<{}>'"
大家好!我是TypeScript和React的新手,已经为这个错误折腾了好几个小时。
我有一个简单的组件,它应该从input获取值并显示出来。这是我的代码:
```typescript
import React, { useState } from 'react';
function MyComponent() {
const [state, setState] = useState({});
const handleChange = (e: React.ChangeEvent) => {
setState({ value: e.target.value });
};
return (
);
}
```
当尝试访问`state.value`时,TypeScript报错:
**"Property 'value' does not exist on type 'Readonly<{}>'"**
我明白TypeScript说对象`{}`没有`value`属性。但我通过`setState`添加了它!为什么TypeScript看不到?在这种情况下如何正确地为state添加类型?
我试过写`state: any`,但这似乎不正确。请指教,如何
Value: {state.value}