在类的静态数组中调用类的函数

时间:2018-02-13 23:59:32

标签: javascript reactjs

我正在尝试将onClickItem函数作为prop传递给Card组件,以便在单击它时更新当前组件中的状态。

class CurrentComponent extends Component {
...

constructor(props) {
    super(props);

    this.onClickItem = this.onClickItem.bind(this);

...

onClickItem() {
    this.setState({something: true});
}
static cards = [
    { position: 8, element: <Card position={8} onItemClick={this.onClickitem}/> }
];
render() {
    ...
}

静态数组中的这个是未定义的。我想知道如何将功能传递下来。可以在渲染中移动数组声明,但我不希望每次组件渲染时都初始化它。有任何见解赞赏!