2016-09-13 12 views
0

私はReactとmongoを使ってMeteor Appのページネーションを実装しようとしています。私はそうのように私のサブスクリプション機能に制限小道具を渡すことで、これをやった:React Subscription機能を有効にするにはどうすればよいですか?

export default class BookListTable extends TrackerReact(React.Component) { 

constructor(props) { 
super(props); 
var limit = this.props.LimitProp 
limit = parseInt(limit) || 5; 
this.state = { 
subscription: { 
booksData: Meteor.subscribe("allBooks", {limit: limit}) 
} 
} 
///// rest of component 

これはインクルードコンポーネントを反応させる初めてのレンダリング素晴らしい作品が、私は更新時に小道具は何も変わりません。私は、コンポーネントが更新された制限プロパティで再レンダリングすることを期待していますが、これは起こりません。私は何が欠けていますか?

ページネーションに関する関連情報は高く評価されています。

答えて

3

プロパティLimitPropを更新すると、コンポーネントはLimitPropを変更して再描画されますが、コンストラクターは再度呼び出されません。 LimitPropの値をコピーして制限するだけで、コンポーネントが作成されたときに使用します。、状態が変更されたときに状態(サスペンス)は更新されません。私はcomponentDidMountを使うべきだと思います。

Component Specs and Lifecycle

+0

ありがとうございました。これは非常に明確な説明です。 – ElJefeJames

関連する問題