使用redux / react编辑按钮+填充字段

时间:2018-02-23 17:26:59

标签: javascript node.js reactjs redux

我需要将数据线从DataTable发送到另一个页面并用React或Redux填充字段......我该怎么做?

enter image description here

class Dtable extends Component {

    componentWillMount() {
        this.props.getList();
    }

    actionTemplate(rowData, column) {
        return <div>
            <Button type="button" icon="fa-search" className="ui-button-success"></Button>
            <Button type="submit" icon="fa-edit"  onClick={console.log(column)} className="ui-button-warning" ></Button>
        </div>
    }

    render() {
        return (
            <div>
                <Form onSubmit={this.props.create} />
                <div className="content-section implementation" style={{ paddingTop: 1 + '%' }}>
                    <DataTable key="idPessoa" value={this.props.list} paginator={true} paginator={true} rows={10} rowsPerPageOptions={[5, 10, 20]} >
                        <Column field="idPessoa" header="Propriedade" style={{ width: 5 + '%' }} />
                        <Column field="nome" header="Propriedade" />
                        <Column field="email" header="Propriedade" />
                        <Column field="latitude" header="Relatório" style={{ width: 15 + '%' }} />
                        <Column field="longitude" header="Ativo" style={{ width: 5 + '%' }} />
                        <Column header="Opções" body={this.actionTemplate} style={{ textAlign: 'center', width: '100px' }} />
                    </DataTable>
                </div>
            </div>
        )
    }

}

const mapStateToProps = state => ({ list: state.upload.list })
const mapDispatchToProps = dispatch => bindActionCreators({ getList, create, showUpdate }, dispatch)
export default connect(mapStateToProps, mapDispatchToProps)(Dtable)

0 个答案:

没有答案