중첩된 하위 구성 요소 유형을 확인하기 위한 사용자 지정 반응 후크
6428 단어 typescriptjavascriptreact
용법
import useChild from 'use-child';
const Car = props => {
const [wheelExists, WheelComponent] = useChild(props.children, Wheel);
const [engineExists, EngineComponent] = useChild(props.children, Engine);
return (
<div>
{wheelExists && WheelComponent}
{engineExists && EngineComponent}
</div>
);
};
const Wheel = () => {
return <div>I am a wheel</div>;
};
const Engine = () => {
return <div>I am an engine</div>;
};
ozan yurtsever / use-child
중첩된 하위 구성 요소 유형을 확인하는 사용자 정의 반응 후크
use-child
React hook for getting the type of any nested child component
구성 요소는 레이아웃을 충족하기 위해 자식에 대한 가정을 원할 수 있습니다.
제약. 이 사용자 정의 후크는 특정 유형의 중첩된 자식이 있는지 확인하고 렌더링하는 동안 레이아웃 제약 조건을 적용하기 위해 중첩된 자식 자체를 반환하는 데 도움이 됩니다.
설치
npm install use-child
용법
import useChild from 'use-child';
const Car = props => {
const [wheelExists, WheelComponent] = useChild(props.children, Wheel);
const [engineExists, EngineComponent] = useChild(props.children, Engine);
return (
<div>
{wheelExists && WheelComponent}
{engineExists && EngineComponent}
</div>
);
};
const Wheel = () => {
return <div>I am a wheel</div>;
…
View on GitHub
Reference
이 문제에 관하여(중첩된 하위 구성 요소 유형을 확인하기 위한 사용자 지정 반응 후크), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://dev.to/ozanyurtsever/custom-react-hook-to-check-nested-child-component-types-4dd9
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
React hook for getting the type of any nested child component
Reference
이 문제에 관하여(중첩된 하위 구성 요소 유형을 확인하기 위한 사용자 지정 반응 후크), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/ozanyurtsever/custom-react-hook-to-check-nested-child-component-types-4dd9텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)