Javascript 如何在初始渲染时传递自定义道具

我想问这个问题可能很傻，但相信我，我没有找到答案。我通过道具将数据传递给子组件，但我被卡住了，并且出现了错误。通常，我在表单提交上传递数据，我的意思是当用户键入某些内容并单击提交时，我通过道具在子组件中显示数据，但在应用程序的初始呈现时，我得到的错误道具是未定义的。实际上，我了解defaultProps，但我认为它可能在类基组件中实现。我想在功能组件中做一些类似defaultProps的事情，我被卡住了。请有人帮助我实现我的目标

代码

---

您正在使用函数组件。你必须在辩论中获得支持

const ViewCourse = (props) => {
  // use props here.
};

import React from "react";

const ViewCourse = (props) => {
  return (
    <div>
      {props.courses.map(newData => (
        <div>{newData.title}</div>
      ))}
    </div>
  );
};

export default ViewCourse;

在功能组件中，props是参数

const ViewCourse = (props) => {
  // use props here.
};

import React from "react";

const ViewCourse = (props) => {
  return (
    <div>
      {props.courses.map(newData => (
        <div>{newData.title}</div>
      ))}
    </div>
  );
};

export default ViewCourse;

您可以使用classname.defaultProps来指定初始值。此外，要访问functional component中的道具，您必须将其作为参数传递

const ViewCourse = (props) => {
  // use props here.
};

import React from "react";

const ViewCourse = (props) => {
  return (
    <div>
      {props.courses.map(newData => (
        <div>{newData.title}</div>
      ))}
    </div>
  );
};

export default ViewCourse;

从React导入React； const ViewCourse=props=> {props.courses.mapnewData=> {newData.title} } ; 导出默认ViewCourse； ViewCourse.defaultProps={ 课程：[]， }