Reactjs 反应：单击按钮时如何更新输入框文本？

在React中，假设container1中有一个输入框，container2中有一个按钮。如果在输入框中键入，则需要显示用户的输入。目前， Container1\input box：具有跟踪其输入的本地状态 Container2\按钮：字符串Click Me保存在Redux存储中

需要工具：如果单击按钮，则在输入框中显示“单击我”。

---

如何在React/Redux中实现这一点？

使用一些组件状态。该输入是一个受控输入，其值从state设置，并在onChange上更新state，按钮在onClick上更新state

不过，我不太明白你问题的后半部分。输入不需要知道/理解按钮是什么或是否被单击，按钮也不需要知道它正在更新输入值。它们彼此完全独立，组件的状态是连接它们的唯一因素

export default function App() {
  const [value, setValue] = useState('');
  return (
    <div className="App">
      <input type='text' value={value} onChange={e => setValue(e.target.value)} />
      <button type="button" onClick={() => setValue('Click Me')}>Click Me</button>
    </div>
  );
}

---

@用户10355996然后您应该根据您的实际情况调整您的问题。简单的问题得到简单的答案。请根据以下指南随时更新您的问题：和。请包括您提到的两个组件、相关的redux代码以及有关您的用例和预期结果的具体细节。@user10355996仅供参考上述概念仍然有效，但不是组件状态，而是redux商店中的应用状态，这两个组件需要连接到存储并更新/读取相同的值。@user10355996将它们视为两个独立的实体。1输入从存储中获取值，并在onChange事件完成时发送更新存储的操作。2按钮在onClick事件完成时发送更新存储的操作。如果你用有形的代码更新你的问题，我和整个社区可以提供更好的帮助。Container1保留输入框的状态。具有更新状态的方法。导出方法。在容器2中导入方法，作为道具或状态传递给按钮。按下按钮时调用方法。我不太明白你的问题。请你更新一下好吗？单击按钮时：1。您想在inputbox或2中放入一些内容。您希望将输入的上下文放在其他位置。哪里