0
我的问题如下。React - 绑定参数时不触发Child onClick事件
- 我有一个包含“Book”列表的“BookShelf”组件。
- 父(书架)在其状态下管理“selectedBook”属性。
- 当点击一个孩子(书)我想更新其父母selected书财产。
- 为了达到这个目的,我使用了在父属性中定义的函数。
- 但这种方法不会trigerred(我试过用的console.log( '东西'),但它绝不会显示
见下面我的代码:提前
setSelectedBook(index) {
this.setState({
selectedBook: index
})
},
getInitialState() {
return {
books: [],
selectedBook: null
}
},
componentDidMount() {
let component = this
$.ajax({
url: 'data/books.json',
success (data) {
component.setState({
books: data
})
},
error (err) {
console.log(err)
}
})
},
render() {
let component = this
var bookList = this.state.books.map(function(book, index) {
let selectBook = component.setSelectedBook.bind(component, index)
return (
<Book onClick={selectBook} data={book} key={index} />
)
})
return <div className="book-shelf">
{bookList}
</div>
}
谢谢!
你'Book'成分如何触发'onClick'?您需要在'Book'组件中明确触发'props.onClick()' – Maxx
您能否粘贴'Book'组件的代码? –
我可能错过了一些东西。只有通过在书籍声明中添加onClick才能触发onClick? – OhmWang