变量作为插值字符串答案

【问题标题】：variables as interpolated string变量作为插值字符串
【发布时间】：2018-06-20 17:05:21
【问题描述】：

我一直在尝试以自定义方式显示 react-table 单元格：

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 的形式出现。然而，其他列的访问器显示良好。

【问题讨论】：

你缺少像'${row.bookid}'这样的反引号
仅根据您提供的信息很难说，但请确认bookid 未拼写为bookId 或bookURL 在其他地方未拼写为bookUrl..跨度>
尝试在Cell 渲染器中注销row 对象的值。

标签： reactjs typescript react-table

【解决方案1】：

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

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

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

【讨论】：