反应本机 |设置状态的函数

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;

反应本机 |设置状态的函数

React Native | Function to setState

hook

react-native

use-state