Question

我的问题很简单。我想将setState操作发送到该函数并在那里执行。我的功能叫做“输入”。在当前状态下输入一个字母后，自动键盘关闭。它无法正常工作。

目标：我想通过将setState操作发送给另一个函数来进行操作。

const [ex, setEx] = useState();

const Input = ({value, setValue}) =>  (
        <TextInput
            onChangeText={text => setValue(text)}
            value={value}
        />
);

return (
    <Input
        value={ex}
        setValue={setEx}
    />
)

Answer 1

您需要像这样将Input组件放置在外部：

import React, { Component } from 'react';
import { TextInput } from 'react-native';

const Input = ({value, setValue}) => {
  return (
    <TextInput
       value = {value}
       onChangeText={text => setValue(text)}
    />
  )
}
    
const MyComponent= () => {
  const [value, setText] = React.useState('');

  return (
    <Input value={value}
        setValue={setText}/>
  );
}

export default MyComponent;

反应本机| setState

1 个答案: