在 React js 中使用 ReactDOM.render 添加多个元素问题

Question

我是反应 js 的新手，我正在尝试使用ReactDOM.render多次添加 HTML 元素，但是当我向 dom 多次添加元素时，每次都会替换元素，而不是一一添加为新元素

这是我的代码：

  const questionPreview = document.getElementById('question-preview');

  let input = React.createElement("input",{className:"questionTextInput",name:"textInputQuestion[]"},null);
  ReactDOM.render(input,questionPreview);

Answer 1

你可以像这样在ReactDOM.render中使用ReactDOM.createPortal

ReactDOM.render(ReactDOM.createPortal(questionForm,questionPreview), document.createElement('div'));