ReactDOM无法使用ref。
我想将html <b>abcd</b>
附加到模态的主体,但它不起作用。
当我检查console.log()
和modal
的{{1}}时,它会返回modalBody
。
我的代码位于:
null
请帮助我!
答案 0 :(得分:0)
看看ReactDOM。您可以通过设置此处指定的参考来避免拨打findDOMNode
:Refs and the DOM。
我认为在你的情况下,它看起来像
<Modal
ref={(modal) => { this.modal = modal; }}
isOpen={this.state.modal}
toggle={this._open}
className={'modal-primary modal_customer'}
>
<ModalHeader toggle={this._open}>
Danh sách kết quả gửi
</ModalHeader>
<ModalBody
className="modal-send"
ref={(body) => { this.body = body; }}
/>
</Modal>
然后你应该能够用
引用它们this.modal
this.body
或者,您可以将ModalBody
组件所需的内容作为道具传递。
<ModalBody
className="modal-send"
content="abcde"
ref={(body) => { this.body = body; }}
/>
在ModalBody
组件中渲染:
render() {
return (
<b>{this.props.content}</b>
);