react-native - 需要有关 Flatlist 和数组的帮助

Question

下午好，实际上我无法查看包含数组内容的平面列表。数组正确添加数据，但平面列表不显示任何内容。另外，我想在数组的每一行上设置一个按钮到平面列表中。

数据“chosenDate”，是从数据选择器接收的数据（例如：“27 Agosto 2019 16:59”）并添加到数组中

感谢帮助 。

var SampleArray = [];

export default class DateTimePickerTester extends Component {
handleDatePicked = date => {

    this.setState({ chosenDate: moment(date).format('Do , MMMM YYYY HH:mm') });
    SampleArray.push(this.state.chosenDate.toString())
    console.log(SampleArray.toString());

  };
 FlatListItemSeparator = () => {
    return (
      <View
        style={{
          height: 1,
          width: "100%",
          backgroundColor: "#607D8B",
        }}
      />
    );
  }
 render() {

    return (
      <>
   <FlatList
            data={this.SampleArray}
            keyExtractor={(item, index) => item.key}
            renderItem={({ item, index }) => (
              <TouchableHighlight>
                <View style={{ backgroundColor: 'black' }}>
                  <Text>{item}</Text>
                </View>
              </TouchableHighlight>

            )}></FlatList>

标签： react-nativereact-native-flatlist

Answer 1

应该是这样的

//示例代码

renderListNotes = () => {
return(
<FlatList
data={data}
renderItem={(note) =>{
if (note) {
return <NoteView key={note.noteId} note={note} event={this.props.event}/> }    
}}
/>
)
}