![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
Lele--E
这个作者很懒,什么都没留下…
展开
-
20201104-初学react(四)
组建通信——父传子方法一父组件//App.jsimport React, {Component} from 'react';import {Rfc, Rcc} from './component/index'export default class App extends Component { constructor(props) { super(props); this.state = { count: 0, step: 1 } }原创 2020-11-04 20:50:51 · 80 阅读 · 0 评论 -
20201103-初学react(一)
webstorm使用1.XML tags are not supported by current JavaScript version解决:打开 File -> Settings -> Languages & Frameworks -> Javascript更改JavaScript版本为JSX2.自动满足eslint标准1.右键选择Fix ESlint Problem2.在keymap下面设置Fix Eslint problem快捷键Ctrl+S3.定义 re原创 2020-11-03 17:13:38 · 372 阅读 · 0 评论 -
20201103-初学react(二)
react组件由浅入深,优雅引入无状态组件在index.js中直接使用箭头函数代码import React from 'react';import ReactDOM from 'react-dom';const App=()=>{ return (<div> 无状态组件 </div>)}ReactDOM.render( <App />, document.getElementById('root'));有状态组件在原创 2020-11-03 20:58:19 · 133 阅读 · 0 评论 -
20201103-初学react(三)
函数绑定方法一import React, {Component} from 'react';export default class Rcc extends Component { constructor(props) { super(props); this.state = { str:'有状态组件' }; } render() { return ( <div> <button onClick=原创 2020-11-03 21:36:14 · 101 阅读 · 0 评论