javascript - ToolbarAndroid React 原生动态字幕绑定(bind)到状态

Question

我试图根据状态变量设置“ToolbarAndroid”的字幕，但没有成功，

我将初始状态设置为 null，并且尝试执行“仅在不为 null 时才显示字幕”之类的操作

  constructor(props) {
    super(props);

    this.state = {
      subtitle: null
    }
  }

  render() { ...

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

我错过了什么？

Answer 1

我猜你想导出这个组件。如果是，您可以设置一个默认 prop 作为字幕的值。 例如，

static defaultProps = {
  subtitle: ''
};

static propTypes = {
   subtitle: PropTypes.string
};

所以，在字幕的支持下，你就这样写，

subtitle={this.props.subtitle}

当你想使用这个组件时，传一个值就可以了~