将道具通过react中的父母成分形成父母

Question

return
 <div>
    <RadioOptions />
    <GenButton />
    <OutputPass />
 </div>

我最近从事侧面项目，在代码中发现了一个问题。 inradioptions＆nbsp;我使用了一些usestate钩子，我想将该状态从RadioOptions组件传递给其父（PassGen），然后从那里传递该状态，通过该状态toget按钮组件检查某些条件，如果没有错误的话，请生成密码。 （我还将附加我的github存储库以更好地访问我的源代码）

https://github.com/arviinmo/palora/tree/main/main/components/passwordgenerator

Answer 1

您不能将道具从孩子传递给父母，这只是一种方式（从父母到孩子）。

您都应该：

• 将状态放在父组件中，并通过在道具中传递固定器功能
• 使用redux工具包来创建一个全局状态，从而从子组件中操纵它。

Answer 2

对于新来者，这样做是这样做的：

父零件：

import Child from './Child';
export default function Parent() {
        const data_from_child = (data) => {
        console.log(data); // or set the data to a state
    }

    return (
        <Child setter={data_from_child} /> //pass the function to the child
    )
}

子组件：

export default function Child ({setter}) {
    setter('Data from Child');
    return (<></>)
}