React Native ToDo App无法正确显示输入的文本

Question

我的todo应用程序大部分都在运行，但每当我尝试输入要添加到待办事项列表中的内容时，显示日期两次而不是书面文本。这是一张示例图片。我试着打招呼并按下按钮。

这也是该项目的github： https://github.com/Accurac/todoApp2018/tree/master/todoApp

要考虑的主要文件是App.js - app / components / main.js - app / components / note.js

提前感谢您帮助我，我在此非常新手

Answer 1

您有两个显示日期的文本组件。

export default class Note extends React.Component {
  render() {
    return (
      <View key={this.props.keyval} style={styles.note}>
        <Text style={styles.noteText}>{this.props.val.date}</Text>
        <Text style={styles.noteText}>{this.props.val.date}</Text>

        <TouchableOpacity onPress={this.props.deleteMethod} style={styles.noteDelete}>
          <Text style={styles.noteDeleteText}>D</Text>
        </TouchableOpacity>
      </View>
    );
  }
}

你可能想要这个

<Text style={styles.noteText}>{this.props.val.date}</Text>
<Text style={styles.noteText}>{this.props.val.note}</Text>

如果这很粗鲁，我也很抱歉，但将来请为您的问题添加代码段。