在事件React Native上更改文本

Question

我想在事件发生时更改一些文本。 但是我不知道该怎么做。

我看到了一些教程，人们可以在其中创建新组件。 但这是这样吗？ 因为这是一句话，需要替换。

这是我的代码，显示一些文本。 在下面，我正在显示一个议程。 当我按一天（onDayPress）时，我想将文本键内的文本替换为console.log中打印的文本。

export default class App extends React.Component {
  render() {
    return (

      <View style={styles.container}>
          <Text style={styles.headline}>Januari 2018</Text>

          <Agenda
              onDayPress={(day)=>{
                  console.log(LocaleConfig.locales['nl'].monthNames[day.month - 1] + " " + day.year)
              />
      </View>
    );
  }
}

有人可以帮助我或为我指明正确的方向。 谢谢。

Answer 1

您应该使用状态来存储文本。 使用默认值初始化您的状态，然后在用户单击“议程”时，更改该文本并进行渲染。 希望以下代码会有所帮助。

export default class App extends React.Component {
 constructor(args) {
   super(args);
   this.state = {
     text: 'Januari 2018'
   };
 }

 render() {
  const { text } = this.state;
  return (
  <View style={styles.container}>
      <Text style={styles.headline}>{text}</Text>
      <Agenda
          onDayPress={(day)=>{
              this.setState({
               text: LocaleConfig.locales['nl'].monthNames[day.month - 1] + " " + day.year
          });
      />
  </View>
  );
 }
}