如何确定传递给子组件的状态

Question

假设我有以下状态：

const [firstInputs, setFirstInputs] = useState({
    firstName: '',
    lastName: '',
    somethingUniqueToFirstInputs: '',
});
const [secondInputs, setSecondInputs] = useState({
    firstName: '',
    lastName: '',
    somethingUniqueToSecondInputs: ''
});

然后，通过条件渲染，我会将它们传递给组件，传递的道具将取决于当前选项卡，如下所示：

{tab === 0 && (
    <ReviewInputs {...firstInputs} />
)}
{tab === 1 && (
    <ReviewInputs {...secondInputs} />
)}

<ReviewInputs /> 组件将显示输入，并根据传递的状态略有变化。如何确定在 <ReviewInputs /> 组件中传递了什么状态？

Answer 1

您可以传递另一个状态，该状态将是一个布尔值，它将确定哪个状态已通过，或者在两个当前状态中提供一个唯一字段以确定哪个已发送

Answer 2

也许你可以给第一个输入和第二个输入一个 id 来识别哪个是哪个。

如何确定传递给子组件的状态

How to determine what state is passed on to a child component

reactjs

react-props

react-state