react如何使用函数里形参
时间: 2023-12-29 15:03:24 浏览: 53
在React 组件中使用Echarts的示例代码
3星 · 编辑精心推荐
在React中,可以使用函数组件的形式来创建组件。在函数组件中,可以通过形参来访问传递给组件的属性。例如,下面的代码演示了如何在React函数组件中使用形参:
```jsx
import React from 'react';
function MyComponent(props) {
return <div>{props.message}</div>;
}
function App() {
return <MyComponent message="Hello World!" />;
}
export default App;
```
在上面的代码中,我们定义了一个名为 `MyComponent` 的函数组件,并将属性 `message` 作为形参传递给组件。在组件中,我们可以通过 `props.message` 访问该属性的值。在 `App` 组件中,我们使用 `<MyComponent message="Hello World!" />` 的方式来渲染 `MyComponent` 组件,并传递了一个值为 `"Hello World!"` 的 `message` 属性。最终,页面上会显示 `"Hello World!"` 字符串。
阅读全文