React를 사용하는 컴포넌트의 두 옵션 요소에서이 두 값을받습니다. 질문 : 다른 구성 요소에서이 두 변수를 어떻게 읽을 수 있습니까?
const handleInputChange = (e) => {
const valueFilterActive = document.getElementById("activeFilter").value;
const valueFilterName = document.getElementById("bussFilter").value;
alert(valueFilterName+valueFilterActive);
};
두 번째 구성 요소 코드 줄 :
return (
<>
<div className="col-md-4 p-2">
<FirstComponent/>
</div>
<div className="col-md-8 p-1 ">
<div className={ valueFilterActive === 'Activado' ? "text-success" : "text-primary card mb-1"} key={link.id}>
고마워요 !!!
다른 구성 요소에서 변수를 읽으려면 여러 가지 방법을 사용할 수 있습니다. 이러한 구성 요소를 연결하는 방법에 따라 다릅니다.
기본 값이 상위에 있고 하위에 전달하려는 경우 소품 사용 https://reactjs.org/docs/components-and-props.html
const element = <Welcome data1 ={valueFilterActive} data2 ={valueFilterName} />;
function Welcome(props) {
return <h1>Hello, {props.valueFilterName} {props.valueFilterActive}</h1>;
}
기본 값이 자식이고 부모에게 전달하려는 경우 콜백 함수 https://reactjs.org/docs/faq-functions.html
하지만 더 복잡한 방법이라면 Context Hook https://reactjs.org/docs/hooks-reference.html#usecontext 사용을 권장합니다.
(추신 : 또한 반응에서 getElementById
useRef https://reactjs.org/docs/hooks-reference.html#useref 라는 또 다른 후크를 사용하지 않습니다 )
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다