如何改变变量React与两个连通分支[重复]

Question

我目前正在React中处理两个文件。文件A（上部组件）以函数类型React编写，文件B（下部组件）以类类型React编写，它们有共同的变量X。

问题是如何使用文件B中的输入标记更改变量值的状态。

function A() {

  const [open,setOpen] = useState(false);
  const[value,setValue] = useState('');

  const onChange=e=>setValue(e.target.value);

  return (
          <B />
} 


class B extends Component {
  
  render() {
    };
    return (       
          <input
            value={this.state.keyword}
          />

我刚刚开始学习，所以我希望有一个详细的解释和代码。谢谢你们

Answer 1

看看这个。

const A = () => {
  const [open,setOpen] = useState(false);
  const [value,setValue] = useState('');

  const onChange = e => setValue(e.target.value);

  return (
     <B onChange={onChange} value={value}/>
  )
} 


class B extends Component {
  render() {
    return (       
      <input value={this.props.value} onChange={this.props.onChange}/>
    )
}