2016-11-04 5 views
0

に固有の動的字幕バインドを反応させますサブタイトルがヌルでない場合にのみ表示する」ToolbarAndroidは、私がnullに初期状態を設定し、私は "のような何かをしようとしています</p> <p>、ノー成功を収めて状態変数に基づいて「ToolbarAndroid」のサブタイトルを設定しようとしています状態

constructor(props) { 
    super(props); 

    this.state = { 
     subtitle: null 
    } 
    } 

    render() { ... 

    <ToolbarAndroid 
    .. 
     subtitle={() => { 
      if (this.state.subtitle !== null) { 
      return this.state.subtitle; 
      } else { 
      return ''; 
      } 
     }} 

私は何が欠けていますか?

答えて

0

私は、私はあなたがこのコンポーネントをエクスポートしたいと思います

subtitle={(this.state.subtitle !== null) ? this.state.subtitle : '' } 
1

でそれを解決するために管理してきました。はいの場合は、デフォルトの小道具を字幕の値として設定できます。あなたは、このコンポーネントを使用したい場合は、単に値を渡す

subtitle={this.props.subtitle} 

例えば 、

static defaultProps = { 
    subtitle: '' 
}; 

static propTypes = { 
    subtitle: PropTypes.string 
}; 

ので、字幕の小道具で、あなただけの書き込みを好きこれは、〜

OKになります
関連する問題