hellobyebye12345的博客

语法说明：通过给组件的to属性指定要跳转到路由path，组件会被渲染为浏览器支持的a链接，如果需要传参直接通过字符串拼接的方式拼接参数即可。钩子得到导航方法，然后通过调用方法以命令式的形式进行路由跳转，比如想在登录请求完毕之后跳转就可以选择这种方式，更加灵活。场景：当浏览器输入url的路径在整个路由配置中都找不到对应的 path，为了用户体验，可以使用 404 兜底组件进行渲染。路由系统中的多个路由之间需要进行路由跳转，并且在跳转的同时有可能需要传递参数进行通信。把router中的path去掉，换成。

【代码】六、【react】绑定表单数据。

classnames样式对象控制工具。1、行内样式（不推荐）

使用props父组件子组件props的值。

【代码】七、【react】useRef 获取当前dom元素。

在useEffect中编写的由渲染本身引起的对接组件外部的操作，社区也经常把它叫做副作用操作，比如在useEffect中开启了一个定时器，我们想在组件卸载时把这个定时器再清理掉，这个过程就是清理副作用。参数2是一个数组（可选参），在数组里放置依赖项，不同依赖项会影响第一个参数函数的执行，当是一个空数组的时候，副作用函数只会在组件渲染完毕之后执行一次。说明：清除副作用的函数最常见的执行时机是在组件卸载时自动执行需求：在Son组件渲染时开启一个定制器，卸载时清除这个定时器。空数组依赖，渲染的时候更新一次。

useState是一个react hook函数，它允许我们向组件添加一个状态变量，从而控制影响组件的渲染结果。

【代码】十、【react】自定义Hook函数。

package.json scripts内添加。

我们编写的代码主要写在tsx中，一个tsx一般就是一个组件本文提供一些基础语句放在app.tsx中即可成功运行为啥用这个东西呢？为了在html的结构中写js如何使用？注意：if、switch语句、变量声明属于语句，不是表达式，不能出现在{}中。

组件就是一个函数，首字母大写。

JSX是JavaScript XML的缩写，是一种JavaScript的语法扩展。它允许我们在JavaScript代码中编写类似HTML的结构，使得React组件的书写更为直观和易于理解。然而，JSX并不是真实的JavaScript，它最终需要通过Babel等编译器转换为纯JavaScript代码才能被浏览器解析执行。main.tsx，连接index.xml和App.tsx的关键文件。tsx就是jsx的typescript版本，更推荐使用tsx。index.xml 单页面应用的最原始的页面。