React 동적 증가compoent
1356 단어 react
보통
var balabalaba = React.createClass({
render:function() {
return (
)
}
})
var new_compoent = React.createElement(balabalaba);
ReactDOM.render(new_compoent, document.getElementById("body"));这样的问题时，如果需要添加多个com就会出现覆盖问题，因为ReactDOM会将new_compoent覆盖掉父组件原有的组件。
如果此时用
document.getElementById("body").append(new_compoent)
同样也有问题，因为new_compoent目前还没有渲染，无法添加到DOM中。
为了解决上述问题，想了一个极其愚蠢的方法，那就是用append添加一个空的div，然后再将new_compoent渲染到这个空的div中。能够解决问题，但是依然感觉很蠢。
var newDIV = document.createElement('div');
var desktop = document.getElementById('body');
desktop.appendChild(newDIV);
ReactDOM.render(new_compoent, newDIV);PS: 정확한 방법은 틀림없이 이렇게 하는 것이 아니지만, 나는 모른다. 그럼 먼저 이렇게 하자.정확한 방법이 있으면 알려주세요. 감사합니다!
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
NextJS에서 환경 변수(.env) 설정내 환경 변수가 작동하지 않습니다 😱😱😱 이 상황에서 .env 파일을 사용하여 NextJS 앱에서 개발하는 동안 API URL 또는 비밀 키를 숨기고 싶을 수 있습니다. Next.js에서 환경 변수를 어떻게 사용합니...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
