meteor - 子コンポーネントのデータモデル

Question

親/子コンポーネント間の通信のベストプラクティスを知りたいです。通信とコンポーネントの状態に関するこのブログ投稿を読みましたが、私の問題に対する正しい答えが見つかりませんでした。

次のコンポーネントが考慮されます。私の親コンポーネントは、親コンポーネントのオブジェクトからいくつかのタスク (子コンポーネント) をレンダリングするリストです。

だから私の質問は：

それで、これは使用する正しいパターンですか？

私の親コンポーネントでは、レンダリング関数にこれがあります:

<Task key={index} taskdata={taskobj} />

My Task 子コンポーネントは次のようになります。

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

では、入力フィールドの値が変わると、親コンポーネントの taskobj も変わるのでしょうか? この例では、No. しかし、ここで正しいパターンは何でしょうか?

score 1 · Accepted Answer

React では、データは一方向に流れます

私はこの React の概念をあまり知りませんでした。したがって、ReactJS Doc でこのリンクを読んだ後、ReactLink は既に廃止されているため、onChange/setState() の方法を使用することにしました。

したがって、子コンポーネントでモデルの変更が発生すると、親コンポーネントのメソッドを呼び出してデータを更新 (setState) します。

meteor - 子コンポーネントのデータ モデル