react
文章平均质量分 54
南柯ღk
快乐因为分享而增多,痛苦因为分担而减少。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
React+css简单实现选项卡
.jsx import React, { Component } from 'react'; class View extends Component { constructor(props){ super(props) this.state={ curr:"first", } } changeFu(curr){ this.setState({ curr:curr原创 2021-12-14 15:04:53 · 921 阅读 · 0 评论 -
创建react项目流程
Gitee创建项目 一、创建仓库(点击克隆复制链接) Git Bash Here 第一步:git clone 仓库链接 第二步:cd 仓库名称 第三步:node -v(确认node版本) 第四步:npx creact-react-app 项目名称 (创建项目) 第五步:git add --all git commit -m '' git push 第六步:cd 项目名称 第七步:yarn eject 二、打开项目 替换script "scripts": { "b...原创 2021-06-03 10:52:16 · 177 阅读 · 0 评论 -
react
# 组件和jsx ## react组件 jsx文件,里面是jsx语法生成的dom ## jsx语法 jsx除了是文件后缀外,在组件内还是一种语法。 `<img/>`这个jsx语法是`React.createElement('img')`语法糖 ## 样式绑定 类名样式:className 内联样式/行内样式:`style={{color:'red'}}` 第一个括号表示表达式,第二个是对象 ## 样式作用域 - 默认情况下,样式在组件内引入后,作用域是全局的; - 使用name.module.原创 2021-06-03 10:43:24 · 186 阅读 · 0 评论 -
context使用过程
第一步:先创建一个全局共享的js文件createContext.js import React from 'react' export const resume = { base:{ name:'', age:'', genders:'male' }, exp:{ year:'', comp:'', job:'', detail:'', area:'li原创 2021-05-28 16:09:26 · 462 阅读 · 6 评论
分享