react
文章平均质量分 54
南柯ღk
快乐因为分享而增多,痛苦因为分担而减少。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
React+css简单实现选项卡
.jsximport 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.jsimport React from 'react'export const resume = { base:{ name:'', age:'', genders:'male' }, exp:{ year:'', comp:'', job:'', detail:'', area:'li原创 2021-05-28 16:09:26 · 461 阅读 · 6 评论
分享