React Native 在Context API中使用钩子

vcudknz3  于 2023-06-24  发布在  React
关注(0)|答案(1)|浏览(124)

我是React的新手,刚刚开始使用上下文API,因为我需要在整个React Native应用程序中访问数据。我的问题是我的一个组件中的TextField。我尝试过使用useState和useRef,但自从我开始使用上下文API以来,我一直无法在字段中键入内容。这是我的代码

const [associateNumber, setAssociateNumber] = useState('');

return (
<AppContext.Consumer>
  {({ login }) => (
    ...
    <TextInput
      secureTextEntry={true}
      label="Scan Badge"
      value={associateNumber}
      onChangeText={text => {
        setAssociateNumber(text);
      }}
      onSubmitEditing={() => {
        login(value);
      }}
      clearTextOnFocus={true}
    />
    ...
  })
</AppContext.Consumer>
)

我做错了什么?

jhdbpxl9

jhdbpxl91#

添加到文本输入

onChange={(e)=>setAssociateNumber(e.target.value)}

并删除onChangeText

相关问题