React Native 中 TextInput 的 onChange 事件的 TypeScript 类型

Question

我有一个使用 TypeScript 的 React Native Expo 项目。如何为 onChange 添加类型TextInput 的事件?

    <TextInput
      keyboardType="numeric"
      value={`${value}`}
      onChange={(e: React.FormEvent<HTMLInputElement>): void => {
        set({ value: e.target.value });
      }}
    />

我收到此错误:

TS2339: Property "value" does not exist on type "EventTarget"

Answer 1

事件类型为 NativeSyntheticEvent<TextInputChangeEventData>
您可以从“react-native”导入这两个。

它有一个名为 nativeEvent 的 Prop ，还有文本。

import { View, TextInput, NativeSyntheticEvent, TextInputChangeEventData } from "react-native";

...

const onChange = (e: NativeSyntheticEvent<TextInputChangeEventData>): void => {
    const value = e.nativeEvent.text;
    doStuff(value);
  }
  
...

<TextInput onChange={onChange} />