source

변수가 리액트 노드인지 어레이인지 확인

bestscript 2023. 3. 1. 11:15

변수가 리액트 노드인지 어레이인지 확인

Prop가 React 노드일 경우 컴포넌트 내에 하위 노드만 배치하고, 그렇지 않을 경우 컴포넌트로 만들기 위한 액션을 취할 수 있는 조건을 원합니다.이렇게 하면 컴포넌트는 이 프로펠을 문자열 배열 또는 노드 배열로 받아들일 수 있습니다.

확인해보려고 했는데React.PropTypes.node부울을 반환하지만 작동하지 않습니다.

라고 하는 모듈이 있다고 합시다.List그리고 이 소품 중에items합격하고 싶다.

var items = [
  "One",
  "Two",
  "Three"
]

게다가

var items = function () {
  return (
    <li>One</li>
    <li>Two</li>
    <li>Three</li>
  )
}

또한 컴포넌트 내에는 차이를 검출하는 논리가 몇 가지 있어 노드 배열이 아닌 일반 배열일 경우 항목을 매핑할 수 있습니다.

React에는 변수가 요소인지 확인하는 기능이 있습니다. 여기 문서가 있습니다.

React.isValidElement(obj)

언급URL : https://stackoverflow.com/questions/32635867/check-if-variable-is-react-node-or-array