如何解决如何确定传递给子组件的状态
假设我有以下状态:
const [firstInputs,setFirstInputs] = useState({
firstName: '',lastName: '',somethingUniqueToFirstInputs: '',});
const [secondInputs,setSecondInputs] = useState({
firstName: '',somethingUniqueToSecondInputs: ''
});
然后,通过条件渲染,我会将它们传递给组件,其中传递的道具将取决于当前选项卡,如下所示:
{tab === 0 && (
<ReviewInputs {...firstInputs} />
)}
{tab === 1 && (
<ReviewInputs {...secondInputs} />
)}
<ReviewInputs />
组件将显示输入,并根据传递的状态略有变化。如何确定在 <ReviewInputs />
组件中传递了什么状态?
解决方法
您可以传递另一个状态,它将是一个布尔值,它将确定哪个状态已被传递,或者在两个当前状态中给出一个唯一字段以确定哪个已发送
,也许你可以给第一个输入和第二个输入一个 id 来识别哪个是哪个。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。