react怎么做导出
时间: 2023-07-02 07:13:52 浏览: 148
react-data-export:在React中导出数据集
如果你是在使用ES6模块化的情况下,可以通过export关键字导出一个函数或对象:
```
// utils.js
export function add(a, b) {
return a + b;
}
export const multiply = (a, b) => a * b;
```
然后在另一个文件中,通过import语句导入即可:
```
import { add, multiply } from './utils.js';
```
如果你需要导出一个组件,则可以直接使用export default关键字:
```
// MyComponent.js
import React from 'react';
function MyComponent(props) {
return <div>Hello, {props.name}!</div>;
}
export default MyComponent;
```
在另一个文件中,可以直接使用import语句导入该组件:
```
import MyComponent from './MyComponent.js';
```
阅读全文