Question

我正在使用devexpress库中的React Grid，而且很难找出如何调用DataTypeProvider与{ {1}}。

作为概述，我有一列名为formatterComponent的列，其内容使用actions进行了格式化，以便应用一些不同的文本/样式。单击任何格式化的文本后，我想从我的DataTypeProvider调用一个函数，但是通过添加一个ParentComponent事件并使用onClick来获取该函数，将返回以下错误：

TypeError：无法读取未定义的属性'handleSolveClick'

这是一个基本示例：

ParentComponent.js

this.props

ChildComponent.js

class ParentComponent extends React.Component {
    constructor () {
        super();

        this.state = {
            loading: false,
            tableRows: [],
            headers: [
                { title: 'ID', name: 'id' },
                { title: 'Column 1', name: 'first' },
                { title: 'Column 2', name: 'second' },
                { title: 'Execute Actions', name: 'actions'}
            ],
            rows: [
                { first: '1st value', second: '2nd value', 'id': 0 },
                { first: '1st value', second: '2nd value', 'id': 1 },
                { first: '1st value', second: '2nd value', 'id': 2 }
            ]
        }
    }

    handleSolveClick(value) {
        // do something here
    }

    render() {
        const {
            rows,
            headers
        } = this.state;
        return (
            <div>
                <ChildComponent
                    rows={rows}
                    columns={headers}
                    handleSolveClick={(value) => this.handleSolveClick(value)}>
                </ChildComponent> }
            </div>
        )
    }
}

如何在react devexpress formatterComponent中使用父项道具？

0 个答案: