データの追加後にmapStateToPropsを呼び出さないRedux-orm

Question

redux-ormを使用していて、エンティティを追加した後で、myセレクタがmapStateToPropsの新しいオブジェクトで更新されないため、render（）が再度呼び出されません。私は、チュートリアルを進めてきたが、私が間違っているのかを見ることができません。

別のコンポーネントがBookReducerを呼び出しているので、私は減速が呼び出されている100％を知っています。ここで

は私の減速である：ここでは

export default function BookReducer(state = initialState, action) { 

    const session = orm.session(state); 

    switch (action.type) { 

     case 'newBook': 

      session.Book.create({ id: 0, type: 'novel' }); 

      //I can see verify that the object has been added to the ORM 
      console.log(session.Book.all().toRefArray()) 
    } 

    return session.state; 
} 

は私のセレクタである：ここでは

import orm from './orm'; 

const BookSelector = createSelector(orm, state => state.orm, session => { 
    return session.Book.all().toRefArray() 
}); 

は私のコンポーネントである：

class Main extends React.Component { 

    constructor(props) { 
     super(props); 
    } 

    render() { 

    console.log("debug") 
    console.log(this.props.books) 

    return (
     <div> 
      {this.props.books} 
     </div> 
    ) 


    function mapStateToProps(state) { 

     return { 
      isOpen: true, 
      books: BookSelector(state) 
     }; 
    } 
} 

Answer 1

あなたは主に接続しているようには見えません。 mapStateToPropsに準ずる。 connectexport default connect(mapStateToProps)(Main);などを使用し、また、あなたがBookSelector

import orm from './orm'; 

const BookSelector = createSelector(orm, state => state.orm, session => { 
    return session.Book.all().toRefArray() 
}); 
export default BookSelector;