代码之家 › 专栏 › 技术社区 › HalfWebDev

选择事件和默认值的类型脚本转换错误

react-hooks antd typescript reactjs

HalfWebDev · 技术社区 · 6 年前

tslint在defaulvalue上引发错误- Type 'string' is not assignable to type 'ChangeEvent<HTMLInputElement> | undefined -用于以下代码

const App = () => {
  const [ month, setMonth] = useState("last1")
  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
      console.log(e);
      setMonth(e.target.value);
  }
  ...

然后内部返回

  <Select defaultValue={month} style={{ width: 120 }} onChange={handleChange}>

1 回复 | 直到 6 年前

Shubham Khatri 6 年前

这个 Select 您使用的组件很可能正在将值传递给 onChange handler 而不是事件,因此你会得到警告

你应该这样定义它

const App = () => {
  const [ month, setMonth] = useState("last1")
  const handleChange = (value: string) => {
      setMonth(value);
  }
  ...

推荐文章

Scott Chambers · React和Electron应用程序提示我使用了无效的钩子调用

6 月前

Ali Navidi · 为什么在使用计算量大的useTransition时isPending没有立即变为true?

6 月前

nammae88 · React访问其他组件DOM节点

6 月前

masoud khanlo · axios实例的React useState问题

6 月前

lrr59 · 复制项目旁边的项目不会相应地工作

10 月前

awdreg · reactjs-useEffect未获取状态变量的更新值?

10 月前

Romn · 推送使用状态数组在React中不起作用

10 月前

pareshaann · 由于useEffect钩子,在react中无限重渲染

10 月前

Kevin Mosley · React:从本地存储读取映射返回null值

11 月前

Na N · 为什么ReactJS没有将数组中的更改反映到我的UI中?

11 月前