如何在每个渲染的“图标”按钮中传递不同的值？

Question

我希望此图标每次以AudioPathForRecording的不同状态呈现，但先前的呈现按钮将保留其值，问题是当我呈现新的Icon时，先前的Icon值会更改并且所有值都相同，我尝试了多种方法，例如构造函数，全局变量和其他方法，但问题仍然相同

我已经使用构造函数和全局变量进行了尝试

renderAudio = props => {
   if(this.state.AudioMessage){

   let audioPath = new AudioPath(this.state.AudioPathForRecording)

    this.setState({
      AudioMessage : false
    })
    return(
      <Ionicons
      name="ios-play"
      size={35}
      color={this.state.playAudio ? "red" : "blue"}
      style={{
          left: 90,
          position: "relative",
          shadowColor: "#000",
          shadowOffset: { width: 0, height: 0 },
          shadowOpacity: 0.5,
          backgroundColor: "transparent"
      }}
      audioPath= {audioPath}
      onPress={() => {
        console.log(audioPath)
      }}
      />
    )