React 이벤트 로드 방법
1822 단어 react
onload 시간은 페이지나 이미지 불러오기가 완료되면 바로 발생합니다.
문법
onload="SomeJavaScriptCode"
SomeJavaScriptCode는 이벤트가 발생할 때 실행되는 JavaScript
window.onload = function(){}
페이지 불러오기 완료 트리거 창에 이벤트 불러오기
window.onload =function(){
show_person_name();
};
function show_person_name() {
$.getJSON("../DATA/person_storage.json",function(data) {
data["person"].forEach(function (list) {
var person_name_html = "<li class='name' " +
"onclick='choose_person_name(" + '"' + list + '"' + ")' type='button'>" + list + "</li>" ;
$("body").append(person_name_html);
});
});
}
모든 React 구성 요소는 불러올 때 특정한 생명 주기가 있고 그 동안 다른 방법이 실행됩니다.
구성 요소 로드:componentWillMount
componentWillMount()
componentWill Mount는 구성 요소render 이전에 실행되며, 영원히 한 번만 실행됩니다.
이 방법은 항상 한 번만 실행되기 때문에 setState 방법을 정의한 후에 페이지는 불러오기 전에 한 번만 업데이트됩니다.
구성 요소 로드:componentDidMount
componentDidMount()
이 방법은 구성 요소가 불러온 후에 즉시 실행됩니다.이때 이후 구성 요소는 대응하는 DOM 구조를 생성했고this를 통해 가능합니다.getDOMNode()를 사용하여 액세스합니다.
componentDidMount: function ()
{
var self = this;
$.ajax({
url:"../DATA/person_storage.json",
dataType:"json",
async:true,
success:function(data) {
console.log(data.person);
self.setState({
persons: data.person
});
}
})
}
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 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에 따라 라이센스가 부여됩니다.