在React Components之间调用函数

时间:2018-04-13 08:13:53

标签: javascript reactjs

我是新手做出反应并做一些功课来理解功能。我遇到过以下情况,不确定如何克服它。

让我们假设我的父组件中定义了一个函数。我希望在父组件中触发相同功能后数据发生变化时,在子组件中触发相同的功能。

以下是我的功能的代码段。

update() {
    const { master, sran, scat, fkey, ftax } = this.state;
    const data = master[s.ran][s.cat];
    if () {
        const fdata= data.filter(row => ftax.indexOf(row.tname) === -1 && fkey.indexOf(row.kname) === -1);
    }
};

每次用户更改某些值时,const fdata都会有一个新值。

如何在子组件中调用相同的函数传递const的值,并在分配给const fdata的数据发生更改时执行该函数。

我尝试通过绑定函数来分配道具,但不会渲染任何输出。当我在控制台中检查功能细节时,我看不到控制台中显示的任何内容。

请指导我哪里做错了。

1 个答案:

答案 0 :(得分:3)

您可以将要在父组件中调用的函数作为prop组件传递给子组件(选中此link)。