在React-Table中用逗号分隔数组?

时间:2019-04-22 17:51:56

标签: javascript reactjs

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

0 个答案:

没有答案