Javascript 更改事件响应本机上的文本

Javascript 更改事件响应本机上的文本,javascript,react-native,Javascript,React Native,我想在事件发生时更改一些文本。但我不知道怎么做 我看到一些教程,其中人们正在创建一个新组件。但这是路吗?因为这是文本中需要替换的一句话 这是我的代码,我有一些文本显示。下面我展示了一个议程。当我按一天(onDayPress)时,我想用我的console.log中打印的文本替换文本键中的文本 export default class App extends React.Component { render() { return ( <View style={styl

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

我看到一些教程,其中人们正在创建一个新组件。但这是路吗?因为这是文本中需要替换的一句话

这是我的代码,我有一些文本显示。下面我展示了一个议程。当我按一天(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>
    );
  }
}
导出默认类App扩展React.Component{
render(){
返回(
2018年1月
{
console.log(LocaleConfig.locales['nl'].monthNames[day.month-1]+“”+day.year)
/>
);
}
}

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

您应该使用状态来存储文本。使用默认值初始化您的状态,然后当用户单击议程时,更改该文本并呈现相同的文本。 希望下面的代码会有所帮助

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>
  );
 }
}
导出默认类App扩展React.Component{
构造函数(args){
超级(args);
此.state={
文字:“2018年1月”
};
}
render(){
const{text}=this.state;
返回(
{text}
{
这是我的国家({
text:LocaleConfig.locales['nl'].monthNames[day.month-1]+“”+day.year
});
/>
);
}
}