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