params 参数 路由链接(携带参数): {/* 传递 params 参数 */} <Link to={`/home/message/dateil/Joe/18`}>详情</Link> 注册路由(声明接收):
React 路由介绍 现代前端应用大多都是 SPA(单页应用程序),也就是只有一个 HTML 页面的应用程序。因为它的用户体验更好、对服务器的压力更小,所以更受欢迎。为了有效的使用单个页面来管理原来多页面的功能,前端路由应运而生 前端路由的功能:让用户从一个视图(页面)导航到另一个视图(页面) 前端
前置说明 React本身只关注于界面, 并不包含发送ajax请求的代码 前端应用需要通过ajax请求与后台进行交互(json数据) react应用中需要集成第三方ajax库(或自己封装) 常用的ajax请求库
使用 create-react-app 创建 React 应用 React 脚手架 xxx脚手架: 用来帮助程序员快速创建一个基于xxx库的模板项目 包含了所有需要的配置(语法检查、jsx编译、devServer…) 下载好了所有相关的依赖
refs 组件内的标签可以定义 ref 属性来标识自己 字符串形式的 ref 我们不建议使用它,因为 string 类型的 refs 存在 一些问题。它已过时并可能会在未来的版本被移除。 <input type="text" ref="input1" />
组件通讯介绍 组件是独立且封闭的单元,默认情况下,只能使用组件自己的数据。在组件化过程中,将一个完整的功能拆分成多个组件,以更好地完成整个应用的功能。而在这个过程中,多个组件之间不可避免的要共享某些数据。为了实现这些功能,就需要打破组件的独立封闭性,让其与外界沟通。这个过程就是组件通讯 组件的 pr
React 组件介绍 组件是 React 的一等公民,使用 React 就是在用组件 组件表示页面中的部分功能 组合多个组件实现完整的页面功能 可复用、独立、可组合 Reac