react如何在 dangerouslySetInnerHTML里面插入方法

Question

createMarkup() {
        var row = this.props.row;
        if (row) {
            var html='<thead> <tr><th>名称</th><th>值</th></tr></thead><tbody>';
            for(var item in row){
                html+='<tr><td>'+item+'</td><td><input type="text" id='+item+' value='+row[item]+' onchange={this.handleChange}> </td></tr>';
            }
            html+='</tbody></Table>';
            return {__html:html};
        }

    }，
handleChange(e) {
        const value = e.target.getAttribute('id');
        const object = {};
        object[value] = e.target.value;
        this.setState(object,function () {
            console.log(this.state)
        });
    },
render(){
<Table striped bordered condensed hover dangerous


lySetInnerHTML={this.createMarkup()}/>
}
我想在dangerouslySetInnerHTML的字符串里面的input调用handleChange方法，该如何写

Answer 1

可以把createMarkup里的内容写成一个组件啊，你的这个场景是不应该用dangerouslySetInnerHTML的