Question

我不明白为什么它不起作用。它向我显示错误，找不到名称“ contentItem”。有什么建议吗？

const CONTENT = [
{
    title: 'Лицевой счет 256215492543',
    sub_title: 'ул.Неизвестная, 78/9,',
    count: true
},
{
    title: 'Лицевой счет 12356215492543',
    sub_title: 'ул.Неизвестная, 72/7,',
    count: false
},
....
renderContent(section, _, isActive, CONTENT) {
    return (   
      CONTENT.map(contentItem => (
        if (contentItem.special) {
          return(
            <View>
              <Text>{contentItem.title} spec</Text>
          </View>
          )
        }
        return(
          <View style={{backgroundColor:'red'}}>
            <Text>{contentItem.sub_title} </Text>
          </View>
        )
      });

基本思想是，如果“ count”为TRUE，则显示TITLE，如果“ count”为false，则显示SUB_TITLE

Answer 1

我更改了map函数，在js数组map函数中，它将具有三个参数，您可以查看有关map的API

const CONTENT = [
{
    title: 'Лицевой счет 256215492543',
    sub_title: 'ул.Неизвестная, 78/9,',
    count: true
},
{
    title: 'Лицевой счет 12356215492543',
    sub_title: 'ул.Неизвестная, 72/7,',
    count: false
},
renderContent(section, _, isActive, CONTENT) {
    return (   
      CONTENT.map((item,index)=> {
        if (item.count) {
          return(
            <View key={index}>
              <Text>{item.title} spec</Text>
          </View>
          )
        }
        return(
          <View key={index} style={{backgroundColor:'red'}}>
            <Text>{item.sub_title} </Text>
          </View>
        )
      }};

循环和渲染元素在React-native中不起作用

1 个答案: