如何向表数据添加动态链接

时间:2018-01-29 03:40:58

标签: reactjs antd

我正在使用ReactJs和ant设计处理一个简单的表,我的问题是我不知道如何使用他们的数据键为链接赋值。

谢谢,

Codepen

示例代码

const { Table } = antd;

const columns = [{
  title: 'Name',
  dataIndex: 'name',
  render: text => <a href="#">{text}</a>,
}, {
  title: 'Cash Assets',
  className: 'column-money',
  dataIndex: 'money',
}, {
  title: 'Address',
  dataIndex: 'address',
}];

const data = [{
  key: '1',
  name: 'John Brown',
  money: '¥300,000.00',
  address: 'New York No. 1 Lake Park',
}, {
  key: '2',
  name: 'Jim Green',
  money: '¥1,256,000.00',
  address: 'London No. 1 Lake Park',
}, {
  key: '3',
  name: 'Joe Black',
  money: '¥120,000.00',
  address: 'Sidney No. 1 Lake Park',
}];

ReactDOM.render(
  <Table
    columns={columns}
    dataSource={data}
    bordered
    title={() => 'Header'}
    footer={() => 'Footer'}
  />
, mountNode);

2 个答案:

答案 0 :(得分:3)

更改此

objWord.Quit

到这个

render: text => <a href="#">{text}</a>

如果你正在使用路由器

render: (text, record) => <a href={'user/' + record.name}>{text}</a>

答案 1 :(得分:1)

如您所见,列呈现逻辑由try { mp.setDataSource(NavigationHome.this, Uri.parse("android.resource://com.hipay_uae/res/raw/notfy")); mp.prepare(); mp.start(); } catch (Exception e) { e.printStackTrace(); } 对象数组提供。因此,如果要包含任何逻辑(例如为URL提供值),则必须更改相应对象的AssetFileDescriptor afd = getAssets().openFd("AudioFile.mp3"); MediaPlayer player = new MediaPlayer(); player.setDataSource(afd.getFileDescriptor(),afd.getStartOffset(),afd.getLength()); player.prepare(); player.start(); 键:

columns

或者,您可以创建一个用于查找网址的对象,如下所示:

render