Question

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

我将初始状态设置为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

我想你想要导出这个组件。如果是，您可以将默认道具设置为字幕的值。例如，

static defaultProps = {
  subtitle: ''
};

static propTypes = {
   subtitle: PropTypes.string
};

所以，在副标题的支柱上，你只是写这样的，

subtitle={this.props.subtitle}

当你想使用这个组件时，只需传递一个值就可以了〜

Answer 2

我设法用

解决了这个问题

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

ToolbarAndroid将原生动态字幕绑定到状态

2 个答案: