Flatlist TouchableHighlight传递值

Posted 2023-02-04

我想实现一个页面，该页面能够列出一些类别，并且一旦单击，就执行其他一些任务。我试图像在这里一样实现它，但是当我渲染页面时，类别是自动选择的，并且将其设置为最后一个值。我错了吗？这是我的代码

const data = [
      category: 'a',
      category: 'b',
      category: 'c',
    ];
    
 <FlatList
            data=data
            renderItem=(item) => (
            <View style=categoryStyles.itemContainer>
              <TouchableHighlight style=  selectedCategory=item.category 
            onPress=this._nextStep(item.category)>
                <View style=alignItems:'center', justifyContent: 'space-around',>
                  <Icon name=item.icon size=40/>
                  <Text style=categoryStyles.item>item.description</Text>
                </View>
              </TouchableHighlight>
            </View>
          )
          keyExtractor=item => item.id
          numColumns=numColumns />
          
          
 _nextStep = (selectedCategory) => 
    if (this.state.index !== this.props.children.length - 1) 
      this.setState(prevState => (
        index: prevState.index + 1,
      ));
      this.setState(() => (
        selectedCategory: selectedCategory,
      ));
    
  ;

答案

您只需要更改此内容

 onPress=this._nextStep(item.category)

收件人

 onPress=()=> this._nextStep(item.category)