reactjs - 未捕获的类型错误 : Cannot read property 'bind' of undefined

Question

当我尝试调用 onClick 时收到此错误功能<li onClick={this.props.selectItem.bind(this, item.id)} key={index}> :

export default class List extends React.Component {
    getState(props) {
        const key = props.params.key;
        return {
            key : key,
            list: Store.getList()
        }
    }

    constructor(props) {
        super(props);
        this.state = this.getState(props);
    }

    renderList(item, index) {
        return <li onClick={this.props.selectItem.bind(this, item.id)} key={index}>{item.name}</li>;
    }

    render() {
        return (
            <ul>
                {this.state.list.map(this.renderList.bind(this))}
            </ul>
        )
    }
}

我有 parent :

export default class App extends React.Component {
    selectItem(item) {
        alert(item);
    }

    render() {
        return (
            <div>
                <List selectItem={this.selectItem} params={someParams} />
            </div>
        );
    }
}

Answer 1

您必须传入null而不是this对于 bind当绑定(bind)方法从父组件传入时。

所以this.props.selectItem.bind(this, item.id)变成this.props.selectItem.bind(null, item.id) .