React函数组件中为什么可以直接使用props?

最新推荐文章于 2024-04-01 10:14:49 发布

不积跬步,无以至千里.

最新推荐文章于 2024-04-01 10:14:49 发布

阅读量2.3k

点赞数

分类专栏： React

本文链接：https://blog.csdn.net/Mweb_demo/article/details/100521148

版权

React 专栏收录该内容

20 篇文章 0 订阅

订阅专栏

此答案只是一个浅显的答案，来源于react官网：https://react.docschina.org/docs/components-and-props.html
当 React 元素为用户自定义组件时，它会将 JSX 所接收的属性（attributes）转换为单个对象传递给组件，这个对象被称之为 “props”。
代码示例：

const element = <Welcome name="Sara" />;

function Welcome(props) {
  return <h1>Hello, {props.name}</h1>;
}

const element = <Welcome name="Sara" />;
ReactDOM.render(
  element,
  document.getElementById('root')
);

在此还请大佬，给予更多的指导。非常感谢。