ReactJS + Tracker：親状態を更新する

Question

私は自動実行に問題があり、親の状態を設定しています。

1. カテゴリ

   • サブ1
   • サブ2

2. カテゴリーB

   ：例えば、私はまた、SUBCAT項目を有するcateogryアイテムを抱えています
   • サブ3
   • サブ今4

私はサブ4を訪れた場合、カテゴリーBと小4の状態がアクティブに行くべきです。サブカテゴリー項目呼び出す

export class CategorySubItem extends Tracker.Component { 

constructor(props) { 
    super(props); 

    this.state = { 
     active: false 
    }; 

    this.autorun(() => { 
     if(LayoutGlobals.get().categoryId == this.props.doc.id) { 
      this.setState({active:true}); 
      this.props.parent.setState({active:true}); 
     } else { 
      this.setState({active:false}); 
      this.props.parent.setState({active:false}); 
     } 
    }); 




} 

：

<CategorySubItem doc={cat} key={cat.id} parent={this}/> 

LayoutGlobalsが反応変数である私のサブコンポーネントで

、私のコードは次のようになります。私は親の状態を設定すると、無限ループの再レンダリングで終わります。これを処理する正しい方法は何でしょうか？

Answer 1

親コンポーネントの状態を設定しないでください。すべてのコンポーネントは、代わりに独自の状態のみを設定する必要があります。あなたのCategoryコンポーネントがアクティブかどうかを判断する関数を記述してください。

私はautorunを避けようとします。 LayoutGlobals.get().categoryIdをコンポーネントツリーのプロップとして渡して、独自のcomponentWillReceiveProps関数を実装してください。そうすれば、Reactに再評価を最小限に抑えることができます。