リアクターリダクションコールを2回

Question

私は私のアプリケーションのために反応と還元を使用しています。私の問題は、私の小道具が最初に定義されていない2番目の小道具を受け取り、2番目のものは大丈夫です。だから私は小道具を使用することはできません。

import ... 
 

 
class Home extends Component { 
 
    
 
    //some code logic 
 
    
 
    render(){ 
 
console.log(this.props.header); 
 
    
 
const header = this.props.header; 
 
    
 
    return (
 
     <Welcome title={header.title} /> 
 
    ) 
 
    } 
 

 
} 
 

 

 
const mapStateToProps = (state) => { 
 
    return { 
 
    header: _.find(state.header, { 'page': 'accueil' }) 
 
    } 
 
} 
 

 
export default connect(mapStateToProps)(Home);

は私に2答えを与えるにconsole.log： 1 /未定義 2/OBJ（私は必要なものという）の配列

キャッチされない例外TypeError：未定義のプロパティのタイトルを読み取ることができません。

Answer 1

T彼の問題はかなり単純です。あなたのケースでは、減速機を定義するとき、最初の状態はundefinedに設定されます。これは、最初に返され、処理の後に日付が返されます。 header.titleはここに行くためにもう少しを必要とするコンポーネント

class Home extends Component { 

    //some code logic 

    render(){ 
console.log(this.props.header); 

const header = this.props.header; 

    return (
     {header.title && <Welcome title={header.title} />} 
    ) 
    } 

} 


const mapStateToProps = (state) => { 
    return { 
    header: state.header 
    } 
} 

export default connect(mapStateToProps)(Home);