ReactJS 獲取兒童道具類型

Question

有什么方法可以獲取子組件的 PropTypes (onClick)？

我已經歸檔使用 function 從組件記錄它們，但我想創建一個 function 來訪問單擊組件的 PropTypes

在組件之外

Card.propTypes = { 
    glow: PropTypes.bool,
    entity: PropTypes.object,
    entityType: PropTypes.string
}

Answer 1

您將在下面找到兩個示例

1. 帶孩子：例如props.children.props.glow
2. 傳統構圖： props.glow

import React from "react";
import "./styles.css";

export default function App() {
  return (
    <div className="App">
      <Parent>
        <Child name="my second child" />
      </Parent>
      <h1>Hello CodeSandbox</h1>
      <h2>Start editing to see some magic happen!</h2>
    </div>
  );
}

function Parent(props) {
  console.log(props);
  return (
    <div>
      <p>Parent</p>
      <Child name="my child" />
      <div>
        <p>name : {props.children.props.name}</p>
        {props.children}
      </div>
    </div>
  );
}

function Child(props) {
  return <p>{props.name}</p>;
}