reactjs - 变量作为插值字符串

Question

我一直在尝试以自定义方式显示反应表单元格：

public renderBooksTable() {
        return <div>
            <ReactTable
                data={this.props.books}
                columns={[{
                    columns: [{
                        Cell: row => (
                            <div>
                                <input type="text" id={row.bookid} value={row.bookURL} />
                            </div>
                        )
                    },
...

bookid 和 bookURL以undefined的形式出现。然而，其他列的访问器显示良好。

Answer 1

正如@mccambridge 建议的那样，我尝试注销 row 的值并意识到 row.row 没有 bookid 和 bookurl 因为我没有将它们指定为访问器。

因此，我必须从 _original 中检索它们，如下所示：

<input type="text" id={row.row._original.bookid} value={row.row._original.bookURL} />