Meteor 子组件中的数据模型

Meteor 子组件中的数据模型,meteor,reactjs,components,communication,meteor-react,Meteor,Reactjs,Components,Communication,Meteor React,我想知道在父/子组件之间进行通信的最佳实践是什么。我读过这篇关于通信和组件状态的文章,但还没有找到解决问题的正确答案 考虑以下组件。 我的父组件是一个列表,它从父组件中的对象呈现多个任务(子组件) 因此,我的问题是: 将对象传递给每个任务组件是最佳做法吗 当任务组件中的值发生更改时,父组件如何知道这一点?因为父母应该知道所有孩子的信息 那么这是一种正确的模式吗 在我的父组件中,渲染函数中有以下内容: <Task key={index} taskdata={taskobj} />

我想知道在父/子组件之间进行通信的最佳实践是什么。我读过这篇关于通信和组件状态的文章,但还没有找到解决问题的正确答案

考虑以下组件。 我的父组件是一个列表,它从父组件中的对象呈现多个任务(子组件)

因此,我的问题是:

  • 将对象传递给每个任务组件是最佳做法吗
  • 当任务组件中的值发生更改时,父组件如何知道这一点?因为父母应该知道所有孩子的信息
  • 那么这是一种正确的模式吗

    在我的父组件中,渲染函数中有以下内容:

    <Task key={index} taskdata={taskobj} />
    
    
    
    我的任务子组件如下所示:

    render() {
        return (
             <input type="text" name="wunsch" defaultValue={this.props.task.title}/>
    );
    }
    
    render(){
    返回(
    );
    }
    

    因此,如果输入字段的值将更改,父组件中的taskobj是否也会更改?在本例中,没有。但这里的正确模式是什么?

    基本上,当您想从家长向孩子传递信息时,您使用
    道具
    ,当您想从孩子向家长传递信息时,您将函数作为
    道具
    传递给孩子,然后在需要更新家长时调用它

    你可以在网上阅读更多

    你也可以看看。 受ReactJS Flux启发的单向数据流架构的简单库

    在React中,数据单向流动

    我真的不知道这个概念。 因此,在ReactJS文档中阅读了这篇文章之后,我决定使用onChange/setState()方法,因为ReactLink已经被弃用了


    因此,当子组件中的模型发生变化时,我调用父组件中的一个方法来更新(setState)我的数据。

    您能为您的问题提供代码示例吗?有没有一种方法可以在子组件信息发生变化时自动更新父组件中的信息?与“状态”机制一样,React的一个关键概念是提供单向数据流架构。您可以使用一些库来创建双向绑定。我建议你看一看。您可以创建一个操作并订阅此操作的任意多个组件,当您调用此操作时,所有组件都将更新。