养老机构查询

资讯

养老资讯2023年08月16日

React中input如何进行双向绑定

通过onChange或者onInput事件触发useState中修改值的函数 import { useState } from 'react'; function App() { let = useState('') return ( <div className="Ap...

阅读详情

资讯

养老资讯2023年08月16日

React中如何进行父子组件传递参数

父传子： 父组件发送值：假设引入了组件名为 Hello，只需要在组织上挂上一个变量然后给里面写入值就可以。 <Hello arr={} /> 子组件接收：在函数里面接受一个props，里面包含了夫组件传递过来的所有参数，只需要props.参数名就可以拿到参数例如：pr...

阅读详情

资讯

养老资讯2023年08月16日

React如何进行列表循环

使用map方法，对每一条数据进行循环，循环的值会产生一个新的数组，React检测到数组里面有标签会自动展开，再给每一个循环的标签设置一个唯一KEY可以让提高性能让React最小密度更新。 import './Hello.css'; import { useState } from...

阅读详情

资讯

养老资讯2023年08月15日

React设置style和class样式

1.行类样式 export default function Hello() { return ( <div> <p style={{ fontSize:'20px'}}>这是一段文本</p> </div> ) } 2.Class样...

阅读详情

资讯

养老资讯2023年08月15日

React创建响应式数据， 并修改

1.通过useState进行创建响应式数据，引入useState， import { useState } from "react" 2.创建好之后，会返回一个数组，下标0就是你的变量，下下标1就是改变内容的方法，改改变内容就需要调用下标1的方法，这里用结构的方式 let =u...

阅读详情

资讯

养老资讯2023年08月15日

创建一个 React 项目

1.全局安装脚手架 yarn global add create-react-app 2.使用脚手架搭建项目 create-react-app 项目名 3.启动项目 cd 项目名 //进入项目目录 yarn start //运行项目

阅读详情

资讯

养老资讯2023年08月12日

前端使用mockjs自己生成数据用于API测试

在没有后端接口的时候，前端可以使用mockjs来自己生成数据，模拟请求。跟正常请求一样使用，非常方便。可以在任何前端框架下使用没有限制。 使用方法： 1.下载包 # 安装 npm install mockjs # 全局安装 $ npm install mockjs -g # 执行...

阅读详情

资讯

养老资讯2023年08月12日

vue3和vue2核心区别

一: 底层代码区别 vue3完整支持typescript, 底层代码有90%都采用ts进行架构 项目代码更严谨, 维护性更高, 可持续迭代N年 二: 响应式区别 vue3使用proxy来代理所有响应式数据 vue2使用defineProperty来拦截响应式数据(1.一次只能拦截...

阅读详情