Question

我有按钮，每当我按下按钮时，我都想提醒随机文本。我该怎么办？

这是我到目前为止尝试过的。当它发出警报时，它什么也没显示。

constructor(props) {
            super(props)

            this.state = {
              notes: ['me', 'hi', 'you'],
              selectedNote: null,
              clicked: false
            }
          }

     handleClick = () => {
        this.setState({
          clicked: true, 
          selectedNote: this.state.notes[Math.floor(Math.random() * 
    this.state.notes.length)]
        })
      }

onPressButton() {  
            Alert.alert(this.handleClick)  
        }  
render() {  
        return (  
            <View style={styles.container}>  
                <View style={styles.buttonContainer}>  
                    <Button  
                        onPress={this.onPressButton}  
                        title="You"  
                    />  
                </View>  
            </View>  
        );  
    }  
}

每当我按下按钮时，我都需要提醒我随机指定的文本

Answer 1

在这种情况下，您提醒this.handleClick函数，而应该提醒selectedNote。

onPressButton = () => {
  const { notes } = this.state;
  const selectedNote = notes[Math.floor(Math.random() * notes.length)];

  this.setState({
    clicked: true, 
    selectedNote
  });

  Alert.alert(selectedNote);
}

Answer 2

您可以使用Faker获得完全随机的名称和内容。检出this。

var faker = require('faker');

onPressButton = () => {
var randomName = faker.name.findName();
Alert.alert(randomName);
}

如何在React Native中单击按钮时警告随机文本

2 个答案: