react render 질문입니다!

Question

"DIV 생성" onclick 시 밑에 "새로 생성된 DIV입니다." 가 추가되는 코드를 구현하고 싶습니다.ReactDOM.render 으로 만들어봤는데 한 번만 추가가 되고 그 뒤로는 추가가 되지 않습니다.어디가 문제일까요? 도와주세요ㅠㅠ import React from 'react'; import ReactDOM from 'react-dom'; document.title = '문서의 동적 구성' function Ex810multiComp () { return (

) } const CreateH3 = () =>

DIV 객체를 동적으로 생성, 삽입, 삭제하는 예제

const CreateHr = () =>

const CreateP1 = () =>

DOM 트리에 동적으로 객체를 삽입할 수 있습니다. createElement(), appendChild(), removeChild() 메소드를 이용하여 새로운 객체를 생성, 삽입, 삭제하는 예제입니다.

const CreateD = () =>

DIV 생성

const CreateP2 = () =>

function createDIV(e) { const element =

새로 생성된 DIV입니다.

element.onClick=()=>{this.target.remove();} var plength = document.getElementsByTagName('p').length ReactDOM.render(element, document.getElementsByTagName('p')[plength-1]) } export default Ex810multiComp;

컴포지트 · Answer

render 메소드는 내용 추가 방식이 아닙니다. 대체 방식입니다. 만약 동적 결과를 원한다면, 내용에 랜덤한 문자나 숫자, 날짜 등으로 표출해서 확인해 보시길.

react render 질문입니다!

1개의 답변

#render 목록