将布局中的道具传递给Gatsby中的子项

import React from "react";
import ChildComponent from "./ChildComponent";

const LayoutComponent = () => {
  const prop1 = "Some data";
  const prop2 = true;

  return (
    <div>
      <ChildComponent prop1={prop1} prop2={prop2} />
    </div>
  );
};

export default LayoutComponent;

import React from "react";

const ChildComponent = (props) => {
  const { prop1, prop2 } = props;

  return (
    <div>
      <p>Prop 1: {prop1}</p>
      <p>Prop 2: {prop2 ? "True" : "False"}</p>
    </div>
  );
};

export default ChildComponent;