js react 基础笔记 (1)

起因， 目的:

继续学习， 记录基础。
看了2个视频教程，都是看不下去。
看看官方文档，原来东西都在官方文档这里。

https://zh-hans.react.dev/learn/javascript-in-jsx-with-curly-braces

笔记:

1. 语法上，使用 函数名 作为 标签名。

函数: function MyImage() { return xxxx }
标签: <MyImage />

2. useState(), 定义一个状态变量。

import { useState } from “react”;
useState 返回一个数组。 当前状态，更新状态的函数。
useState() 是导入的一个函数名。0 是传入的参数。
const [count, setCount] = useState(0);

3. 永远不要在组件中定义组件. 组件函数不要嵌套。

4. 导入一个组件，下面2个写法都行的。

import Gallery from ‘./Gallery’;
import Gallery from ‘./Gallery.js’;

todo

• 把自己的小组件，搜集起来， 用的时候，直接复制。

html

<br /> ------------------> 换行
<hr /> ------------------> 水平线

单词

auxiliary 辅助的；备用的，后备的
audacity 大胆；厚颜无耻
feline 猫科的；猫一样的；狡猾的
exogenous 外生的；外因的；外成的