doc: Update react.md
.
This commit is contained in:
parent
a5ec6ff25c
commit
593662f3c6
@ -12,9 +12,9 @@ React 备忘清单
|
|||||||
React 是一个用于构建用户界面的 JavaScript 库。
|
React 是一个用于构建用户界面的 JavaScript 库。
|
||||||
|
|
||||||
- [React 官方文档](https://reactjs.org/) _(reactjs.org)_
|
- [React 官方文档](https://reactjs.org/) _(reactjs.org)_
|
||||||
|
- [Styled Components 备忘清单](./styled-components.md) _(jaywcjlove.github.io)_
|
||||||
|
|
||||||
```js
|
```js
|
||||||
import React from 'react'
|
|
||||||
import {createRoot} from 'react-dom/client'
|
import {createRoot} from 'react-dom/client'
|
||||||
import App from './App'
|
import App from './App'
|
||||||
```
|
```
|
||||||
@ -46,14 +46,15 @@ import ReactDOM from 'react-dom'
|
|||||||
export class Hello extends Component {
|
export class Hello extends Component {
|
||||||
...
|
...
|
||||||
}
|
}
|
||||||
|
export default function World() {
|
||||||
|
/* ... */
|
||||||
|
}
|
||||||
```
|
```
|
||||||
|
|
||||||
使用 `export` 或者 `export default` 导出 `Hello` 组件
|
使用 `export` 导出 **`Hello`**,`export default` 导出 **`World`** 组件
|
||||||
|
|
||||||
```jsx
|
```jsx
|
||||||
import { Hello } from './hello.js';
|
import World, { Hello } from './hello.js';
|
||||||
|
|
||||||
const Example = <Hello />;
|
|
||||||
```
|
```
|
||||||
|
|
||||||
使用 `import` 导入 `Hello` 组件,在示例中使用。
|
使用 `import` 导入 `Hello` 组件,在示例中使用。
|
||||||
|
Loading…
x
Reference in New Issue
Block a user