如何在带有本机反应的平面列表中显示对象数组中的数组列表？

Question

如何在带有本机反应的平面列表中显示另一个数组对象中的数组数据列表？这是下面我想在平面列表中显示的数据列表const data = [  {    students: [      {        name: 'crystal',        city: 'town',        number: 1,      },      {        name: 'barbra',        city: 'street',        number: 2,      },    ],  },];我在下面试过这个，但没有显示  <FlatList        data={data.students}        renderItem={({ item }) => {          return (            <View>              <View>                <Text style={{ fontSize: 16 }}>{item.name}</Text>                <Text style={{ fontSize: 16 }}>{item.city}</Text>                <Text style={{ fontSize: 16 }}>{item.number}</Text>              </View>            </View>          );        }}      />

Answer 1

const data = [

  {

    students: [

      {

        name: "crystal",

        city: "town",

        number: 1

      },

      {

        name: "barbra",

        city: "street",

        number: 2

      }

    ]

  }

];

class App extends Component {

  render() {

    console.log(data[0].students)

    return (

      <FlatList

        data={data[0].students}

        renderItem={({ item }) => {

          return (

            <View>

              <View>

                <Text style={{ fontSize: 16 }}>{item.name}{console.log(item)}</Text>

                <Text style={{ fontSize: 16 }}>{item.city}</Text>

                <Text style={{ fontSize: 16 }}>{item.number}</Text>

              </View>

            </View>

          );

        }}

      />

    );

  }

}