如何在Click事件上获取React Native中的元素属性

Utkarsh sah

如何在React Native中不使用'this'关键字的情况下访问元素的属性?我有一个将父类本身绑定为“ this”的函数,但我想访问被单击元素的属性。这是代码-

import {Circle} from 'react-native-svg';
export default App extends Component {
  constructor(props) {
  super(props);
  this.state = {activeX: null}
 }

 handleTouch(event) {
   const x = event.target.cx; //How to access "cx" property here?
   this.setState({ activeX: x });
 }

 render() {
   return (
     <Circle cx='10' cy='10' r='5' onPress={this.handleTouch.bind(this)}/>
     <Circle cx='20' cy='20' r='5' onPress={this.handleTouch.bind(this)}/>
   );
 }
}
Utkarsh sah
import ReactNativeComponentTree from'react-native/Libraries/Renderer/src/renderers/native/ReactNativeComponentTree';

并以以下方式访问属性:

const x = ReactNativeComponentTree.getInstanceFromNode(event.currentTarget)._currentElement.props.cx;

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

模拟react元素上的click事件

如何在Java中的click事件上获取按钮名称

如何在Android上的angular中获取按键事件?

React Native:如何在onPress事件上更改视图

如何在React Native中在TextInput上应用点击事件

如何在React Native中获取组件在屏幕上的位置?

如何在React Native上捕获点击事件?

如何在React Native中获取Native元素的尺寸和位置

如何在React Native中更改获取响应上的Button?

jQuery:如何在隐藏元素上触发click事件?

如何在元素上同时添加:hover和click事件?

如何在React Native中的renderItem函数中获取FlatList元素的高度

如何在iOS上的React Native中的ImageBackground上的父视图内显示Text元素?

如何在reactjs中获取元素属性

React TypeScript从Click事件获取数据属性

如何在react native(expo)中获得click事件(单,双,长)?

如何在react-vis中从onValueMouseOver获取事件?

如何在React中的滚动事件上触发功能

如何在React中的Click上动画刷新图标?

如何在jQuery中的click事件上存储按钮的值

如何在Sketchup中的组对象上创建Click事件?

如何在C#中的元素中获取XML属性

如何在 OOP JavaScript 中的 click 元素上获取“this”

如何从变量中的元素中获取属性?

如何在没有 .on() 事件的情况下从 React Native 上的实时数据库获取数据?

如何在 React Native 的事件处理程序函数中获取输入的最新值?

如何在 React HLSPlayer 中获取点击事件?

如何在元素单击事件上获取选定的文本?

如何在 React 的滚动事件中获取列表中心的元素?