SOURCE

/** 
	请完成图片中功能：https://img.alicdn.com/tfs/TB18WikHAPoK1RjSZKbXXX1IXXa-888-333.png
	1. 点击输出参数表格中增加一行，此时该行处于编辑（新建）态，出现输入框和下拉框供用户填写，点击保存后进入非编辑态（文本展示）
  2. 对于已创建行可以进行删除或修改
  3. 编辑态时，删除新建输出参数按钮和删除链接禁用
  4. 删除行时需要用户进行确认
*/
const {Button, Table} = antd;
class App extends React.Component {
  handleClick = () => {
    alert('clicked')
  }
  render() {
    const dataSource = [];

    const columns = [{
      title: '名称',
      dataIndex: 'name',
      key: 'name',
    }, {
      title: 'desc',
      dataIndex: 'desc',
      key: 'desc',
    }, {
      title: '类型',
      dataIndex: 'type',
      key: 'type',
    }, {
      title: '初始值',
      dataIndex: 'initValue',
      key: 'initValue',
    }, {
      title: '是否内置',
      dataIndex: 'builtIn',
      key: 'builtIn',
    }];
    return (
    	<div>
      	<Button type="primary" onClick={this.handleClick}>新建</Button>
      	<Table 
      		columns={columns}
      		dataSource={dataSource}
      	/>
      </div>
    )
  }
  
}

ReactDOM.render(<App/>, document.getElementById('root'))

<div id='root'></div>