使用ReactDOM添加多个元素.在react js中渲染

Question

我是react 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'));