您可以像这样将orders传递到Schedule：

<Schedule orders={orders} />

您可以随便命名，假设您要命名此道具banana，您可以这样做：

<Schedule banana={orders} />

然后您可以像这样在orders组件中访问Schedule：

const Schedule = (props) => {
  console.log(props.orders)
}

这反映了您在第一部分中给它命名的名称，因此，再次，如果您将其命名为banana，则可以按以下方式访问它：

const Schedule = (props) => {
  console.log(props.banana)
}

组件主体中的语法不正确。应该是

import PropTypes from 'prop-types';
import { render } from 'react-dom';
import Schedule from './components/home/SchedulePage';
const orders = [
    {
        id: 1,title: 'First Order',desc: 'This order is for .'
    },{
        id: 2,title: 'Second Order',{
        id: 3,title: 'Third Order',{
        id: 4,title: 'Fourth Order',{
        id: 5,title: 'Fifth Order',desc: 'This order is for .'
    }
];
        
const App = () => {
    return (
        <div>
            <Schedule orders={orders} />
        </div>
    );
};

export default App;

您的标记：

<Schedule orders={orders} />

然后您可以通过orders组件中的props.orders访问Schedule道具。

这是将数据从父组件传递到子组件的方法

let orders = [
  {
      id: 1,desc: 'This order is for .'
  },{
      id: 2,{
      id: 3,{
      id: 4,{
      id: 5,desc: 'This order is for .'
  }
]

const App = () => (
  <div>
      <Schedule orders={orders}/>
  </div>
);
const Schedule=({orders})=>{
  return <div>Schedule</div>
}

您可以迭代每个对象并将其传递给子组件

const App = () => (
  <div>
    {orders.map(order => (
      <Schedule key={order.id} order={order}/>
    ))}
  </div>
);
const Schedule = ({ order }) => {
  return (
    <div key={order.id}>
      <p>
        {order.title},{order.desc}
      </p>
    </div>
  );
};