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 dangerouslySetInnerHTML={this.createMarkup()}/>}我想在dangerouslySetInnerHTML的字符串里面的input调用handleChange方法，该如何写

Answer 1

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