Question

ReactDOM无法使用ref。

我想将html <b>abcd</b>附加到模态的主体，但它不起作用。

当我检查console.log()和modal的{{1}}时，它会返回modalBody。

我的代码位于：

null

请帮助我！

Answer 1

看看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>
  );

ReactDOM.findDOMNode（）使用refs返回null

1 个答案: