状态属性在渲染功能中不确定



在我的一种观点上,我试图将视图的不透明度与状态属性相关联:this.state.infoopacity。

这是一个错误"未定义不是对象(评估'this.state.infoopacity')"

任何指导都会有所帮助。

export default class BookView extends Component
{
  constructor(props) {
    super(props);
    this.state = {
      hideInfo:false,
      infoOpacity:0.80,
      swiperWidth:Dimensions.get('window').width,
      swiperHeight:Dimensions.get('window').height
    };
  }
  render() {
    pages.forEach(function(ranPage){
      photoViews.push(
        <View key={ranPage.letter} style={{width: Dimensions.get('window').width, height: Dimensions.get('window').height}}>
            <View style={[styles.meow,{opacity: this.state.infoOpacity}]}>
              <Text style={styles.text}>{ranPage.name}</Text>
              <Text style={styles.text}>{ranPage.phonetic}</Text>
              <Text style={styles.text2}>{ranPage.description}</Text>
            </View>
        </View>
      )
    });

    return (
      <View style={{flex:1}}>
        <Swiper showsButtons={false} style={{backgroundColor:'#000'}} width={this.state.swiperWidth} height={this.state.swiperHeight}>
            {photoViews}
        </Swiper>
      </View>
    );
  }
}

foreach函数中的上下文更改。使用箭头功能来解决您的问题。所以而不是

pages.forEach(function(ranPage){ ... });

写这个

pages.forEach((ranPage) => { ... });

相关内容

  • 没有找到相关文章

最新更新