Rendering random array element from state (React Native)

I'm trying to render a random array item from state so that (e.g - [0] might change to [2] on reload.]

Here is what I tried so far, any tips or ideas please?

here is my state:

     state = {
      randomItem: ['one', 'two', 'three', 'four'],
    },
    selected: null,
    clicked: false,
  };

here is my handleClick function which will randomise the items grabbed from array

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

here is how im trying to return it

<View>
            <TouchableOpacity onPress={this.handleClick}>
              <Text>{this.state.clicked && this.state.selected}</Text>
            </TouchableOpacity>
          </View>