首页 > 解决方案 > 逗号分隔 React-Table 中的数组?

问题描述

我有一个带有访问器的反应表,它是一个数组。我想用逗号分隔表中的值,因为现在输出非常难看。所有值看起来都只是一个长字符串。我怎样才能做到这一点?我要分离的是名为“ClientCodeRegional”的访问器。

 return ([

            {
                Header: "Existing Users",
                headerStyle: { background: '#dedede' },
                columns: [
                      {
                        Header: "",
                        maxWidth: 30,
                        Filter: ({ filter, onChange }) =>
                            <NPHelpButton content={helpNode} title="Help" />,
                            Cell: (row) =>
                            {
                              return <span>
                              <select  className='tst myopt handy' onChange={evt => { this.handleSelectChange(evt, evt.target.value, row, this);}}>
                                <option value="">...</option>
                                <option value="CreateNew">Create new</option>
                                <option value="Edit">Modify this user</option>  
                              </select>
                            </span>
                            } 

                    },
                    {
                      Header: "Username / Email",
                      accessor: "Email",
                  },
                  {
                    Header: "Client Code Regional",
                    accessor: "ClientCodeRegional",
                },
                {
                  Header: "Role",
                  accessor: "Settings.Role",
              },
                  {
                    Header: "Open / Locked",
                    accessor: "Settings.IsLocked",
                }
                ]
            },

        ]);

这是我现在代码的结果。这个数字实际上是两个数字。

<div class="rt-td" style="flex: 100 0 auto; width: 100px;">5065735527</div>

标签: javascriptreactjs

解决方案


推荐阅读