react项目
闲敲棋子落画画
这个作者很懒,什么都没留下…
展开
-
react 11 setState使用,页面ul和li写法
回调更新dom,相当于vue的nextTickthis.setState(对象,函数)页面写法1页面写法2原创 2021-10-17 19:16:54 · 129 阅读 · 0 评论 -
react 10 状态state--性能介绍
原创 2021-10-17 18:50:28 · 67 阅读 · 0 评论 -
react 09 import PropTypes from ‘prop-types‘
原创 2021-10-17 18:36:07 · 172 阅读 · 0 评论 -
react 08 传值组件标签内容显示 props.children
把父组件引入的子标签内写东西展示出来原创 2021-10-17 18:25:39 · 145 阅读 · 0 评论 -
react 07 传值props,写默认值2种
静态属性原创 2021-10-17 18:19:01 · 74 阅读 · 0 评论 -
react 06定义组件写法 -类组件、函数组件2中 传值props
父子传值类组件函数组件 无状态组件 无自己状态组件占用内存更小原创 2021-10-17 18:13:38 · 63 阅读 · 0 评论 -
react05 表单绑定值 设置defaultValue
import React from 'react';class FormPage extends React.Component{ constructor(){ super(); this.state={data:""} } render(){ return( <div> <div> <form action.原创 2021-10-12 21:16:06 · 116 阅读 · 0 评论 -
react04 双向绑定的constructor(){}构造函数
import React from 'react';class TodoBox extends React.Component{ constructor(){ super(); this.state={data:""} } changeText(e){ this.setState({ data:e.target.value }) } render(){ retu.原创 2021-10-10 15:19:19 · 61 阅读 · 0 评论 -
react03 事件应用 input默认跳转,剩余输入字数
import React from 'react';class TodoBox extends React.Component{ handleClick(e){ e.preventDefault(); console.log(1); } numCount(e){ console.log("还可以输入"+(140-e.target.value.length)); } render(){ return(.原创 2021-10-10 14:29:29 · 103 阅读 · 0 评论 -
react02 页面 组件传值
//1引用Reactimport React from 'react';import './CommentBox.css';import CommentList from './CommentList';//定义一个类继承class CommentBox extends React.Component{ render(){ return( <div className="comments" > <h.原创 2021-10-10 14:13:04 · 91 阅读 · 0 评论 -
react01-入门-新建项目
React 是一个声明式,高效且灵活的用于构建用户界面的 JavaScript 库。使用 React 可以将一些简短、独立的代码片段组合成复杂的 UI 界面,这些代码片段被称作“组件”。1. 找一个文件夹,shell打开执行 先查看有没有安装node 然后查看有没有npm2 然后全局范围安装: npm install create-react-app -g3 创建项目 create-react-app-demo1可以运行也可以打包查看...原创 2021-10-10 13:33:10 · 72 阅读 · 0 评论