javascript
react 点击两次_javascript – 为什么在React中需要两次绑定onClick？
我有一个LandingPageComponent,它有一个子组件DisplayStudent
我在LandingPageComponent中有一个函数deleteStudent.我将此函数作为支持传递给DisplayStudent,但我无法理解为什么我需要在LandingPageComponent和DisplayStudent中绑定函数deleteStudent
当点击删除按钮时我需要获取id在jsFiddle上看到这个
import React, {
Component
} from 'react';
import DisplayStudent from './DisplayEmployeeComponent'
var data = [{
name: 'student-1',
id: 1
},
{
name: 'student-2',
id: 2
},
{
name: 'student-3',
id: 3
}
];
export default class LandingPage extends Component {
deleteStudent(e) {
console.log('hi', this, e)
}
render() {
return ( <
div >
<
DisplayStudent studentData = {
data
}
deleteStudent = {
this.deleteStudent.bind(this)
} // BINDING FIRST TIME
/> < /
div >
)
}
}
export default function(props) {
return (
props.studentData.map((ele) => {
return ( <
div key = {
ele.id
}
style = {
{
display: 'flex',
padding: '9px 5px 7px 4px'
}
} >
<
div > {
ele.name
} < /div>
<
button onClick = {
props.deleteStudent.bind(this, ele.id)
} // binding second time
>
Delete <
/button> < /
div >
)
})
)
}
总结
以上是生活随笔为你收集整理的react 点击两次_javascript – 为什么在React中需要两次绑定onClick？的全部内容，希望文章能够帮你解决所遇到的问题。
- 上一篇： mysql怎么定位错误信息_Mysql主
- 下一篇： java中mongodb中dao通用_S