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>;
}