android react原生动态字幕绑定到状态

ToolbarAndroid react native dynamic subtitle bind to state

本文关键字：绑定 状态 字幕 动态 react 原生 android      更新时间：2023-09-26

我试图设置"ToolbarAndroid"的字幕基于状态变量没有成功，

我将初始状态设置为null并且我试图做一些类似于"仅当它不是null时显示subtitle "的事情

  constructor(props) {
    super(props);
    this.state = {
      subtitle: null
    }
  }
  render() { ...
  <ToolbarAndroid
   ..
        subtitle={() => {
          if (this.state.subtitle !== null) {
           return this.state.subtitle;
          } else {
           return '';
          }
        }}

我错过了什么?

我猜你想导出这个组件。如果是，则可以将默认道具设置为副标题的值。例如,

static defaultProps = {
  subtitle: ''
};
static propTypes = {
   subtitle: PropTypes.string
};

那么，在subtitle的prop，你可以这样写，

subtitle={this.props.subtitle}

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

我已经设法解决了

  subtitle={(this.state.subtitle !== null) ? this.state.subtitle : '' }
相关文章：