写一个react的函数组件
时间: 2023-03-26 09:00:42 浏览: 82
好的,我可以回答这个问题。以下是一个简单的 React 函数组件示例:
```jsx
import React from 'react';
function MyComponent(props) {
return (
<div>
<h1>Hello, {props.name}!</h1>
<p>This is a React function component.</p>
</div>
);
}
export default MyComponent;
```
这个组件接收一个 `name` 属性,用于显示一个欢迎信息。你可以在其他组件中使用它,例如:
```jsx
import React from 'react';
import MyComponent from './MyComponent';
function App() {
return (
<div>
<MyComponent name="Alice" />
<MyComponent name="Bob" />
</div>
);
}
export default App;
```
这将在页面上显示两个欢迎信息,分别是 "Hello, Alice!" 和 "Hello, Bob!"。希望这个示例对你有所帮助!