第六章 react前端开发-Props
warning:
这篇文章距离上次修改已过441天，其中的内容可能已经有所变动。
React中的Props是组件间通信的重要方式之一。Props是属性的简写，它是组件对外的接口，用于传递数据。Props是只读的，一旦设置完成，就不能更改。
以下是一个简单的React组件示例，它展示了如何使用Props：
import React from 'react';
// 定义一个名为Welcome的组件
function Welcome(props) {
return <h1>Hello, {props.name}</h1>;
}
// 使用Welcome组件，并传递name属性
function App() {
return (
<div>
<Welcome name="Sara" />
<Welcome name="Cahal" />
<Welcome name="Edite" />
</div>
);
}
export default App;在这个例子中，Welcome组件接收一个名为name的Props，并在返回的JSX中使用它。在App组件中，我们使用Welcome组件三次，每次传递不同的name属性。
评论已关闭