javascript
react 点击两次_javascript – 为什么在React中需要两次绑定onClick？
我有一個(gè)LandingPageComponent,它有一個(gè)子組件DisplayStudent
我在LandingPageComponent中有一個(gè)函數(shù)deleteStudent.我將此函數(shù)作為支持傳遞給DisplayStudent,但我無(wú)法理解為什么我需要在LandingPageComponent和DisplayStudent中綁定函數(shù)deleteStudent
當(dāng)點(diǎn)擊刪除按鈕時(shí)我需要獲取id在jsFiddle上看到這個(gè)
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 >
)
})
)
}
總結(jié)
以上是生活随笔為你收集整理的react 点击两次_javascript – 为什么在React中需要两次绑定onClick？的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： mysql怎么定位错误信息_Mysql主
- 下一篇： gradle idea java ssm