javascript - 如何在 onPress 函数中访问 React Native 标签或元素的属性?

标签 javascript reactjs react-native

我想在 onPress 函数中访问 React Native 元素属性,我尝试使用 event.target 和 ReactNativeComponentTree 但它不起作用,我想在 OnPress 函数中访问 audioPath 属性

  <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={this.audioPathFunction.bind(this)}
  />

最佳答案

 <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={()=> this.audioPathFunction(audioPath)}
  />

视情况而定。你可以在内部访问它,如果它的状态变量/类变量你可以在任何地方访问它,甚至在 onPress 函数内部。如果它仅在 render() 中可用,请使用上面的指针函数(这不是一个好方法)

关于javascript - 如何在 onPress 函数中访问 React Native 标签或元素的属性?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57438975/

相关文章:

javascript - 使用 vue js 的依赖下拉菜单(不使用ajax)

javascript - 悬停时更改图像

javascript - 意外的标记 }。摄氏度到华氏度转换器

javascript - ReactJS 处理组件更改

javascript - 如何减少网站的首次输入延迟时间

javascript - JavaScript 中的函数调用带有另一个括号 "func()();"

javascript - react native : ListView with section headers and collapsible-expandable items

javascript - 更改日期范围选择器中的月份位置

javascript - react 无限滚动 - 双滚动条显示 - 我只想要窗口滚动条

javascript - 如何添加图片? ( react native )