react（18）——通过event.target获取标签结点_react event.target

作者：很楠不爱3 | 2024-02-07 14:15:15

踩

react event.target

1.代码

<body>
    <div id="test"></div>
    
    <script type="text/babel">
        'use strict'
       
        class Demo extends React.Component{

            showButton=(event)=>{
                console.log(event.target);
            }

            render(){
                return(
                    <div>
                        <button onClick = {this.showButton}>点我提示左侧的数据</button>     
                    </div>
                )
            }
        }

        ReactDOM.render(<Demo/>,document.getElementById('test'));
    </script>
</body>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

2.代码讲解

event参数代表的是这个事件
通过event参数的target元素，可以获取到发生该事件的元素结点（target是目标、对象的意思）

3.运行结果：

在这里插入图片描述

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/很楠不爱3/article/detail/65903