reactjs 将props从子组件传递给react中的父组件

ybzsozfc 于 2023-05-06 发布在 React

关注(0)|答案(2)|浏览(212)

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

我最近在做我的副项目，我发现我的代码中有一个问题。在RadioOptions中，我使用了一些useState钩子，我想将状态从RadioOptions组件传递给其父组件（passGen），然后从那里将状态传递给Get Button组件以检查某些条件，如果没有错误，生成密码。（我还将附加我的GitHub存储库，以便更好地访问我的源代码）
https://github.com/arviinmo/palora/tree/main/components/passwordgenerator

reactjs

来源：https://stackoverflow.com/questions/72913781/passing-props-form-child-to-parent-component-in-react

2条答案

按热度按时间

ergxz8rk1#

在React中，你不能将props从child传递到parent，它只有一种方式（从parent到child）。
您应该：

将状态放在父组件中，并通过在props中传递setter函数从子组件操作它
使用类似Redux Toolkit的工具来创建一个所有组件都可以访问的全局状态

赞(0）回复(0）举报 2023-05-06

luaexgnf2#

对于这里的新人这样做：
父组件：

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 (<></>)
}

赞(0）回复(0）举报 2023-05-06

我来回答

reactjs 将props从子组件传递给react中的父组件

2条答案

相关问题

热门标签

最新问答