前端学习（2307）：react之props和state

Home,js

import React, {Component} from 'react';
import News from "./News";
class Home extends Component {render() {return (<div>home<News name="你好"/></div>);}
}export default Home;

news,js

import React, {Component} from 'react';
import PropTypes from 'prop-types';class News extends Component {constructor(props) {super(props);this.state={num:1111}}fun(){this.setState({num:222})}render() {return (<div>News-----{this.props.name}-----{this.state.num}<button onClick={this.fun.bind(this)}>哈哈</button></div>);}
}News.propTypes = {};export default News;

app.js

import React from 'react';import './App.css';
import  Home from './components/Home.js'
function App() {return (<div className="App">你好<Home></Home></div>);
}export default App;

前端学习（2307）：react之props和state相关推荐

【前端学习】React学习资料
React 是一种开源的 JavaScript 库,用于构建用户界面.它由 Facebook 开发并维护,已经成为了当今最流行的前端库之一.与其他框架不同,React 主要专注于视图层(View),旨 ...
【前端学习】React学习笔记-事件、生命周期、虚拟DOMdiffing
跟着尚硅谷的天禹老师学习React 看视频可以直接点击 b站视频地址 React中的事件处理补充ref 上面的ref在React官网中提到不要被过度使用,在一些情况下可以使用其他方法来获取数据,比如 ...
React中props与state的区别
首先,props与state是React组件的两种方法. props,可以在组件中来获取this.props的属性. var Helloreact=React.createClass({render: ...
react 的props和state
props 当前组件的组件标签身上的所有属性和子节点构成的集合: 可以用来组件传递数据,一般用于父子组件之间: this.props对象的属性与组件的属性一一对应,但对于组件标签的子节点,this.p ...
前端学习之React篇-（1）最简React——Html直接引用React
当新手想看看React是什么样的,语法是什么样的,那么这里给出了一个最简单的使用React的方法--就是在html页面中直接引入React的js文件,然后在这个html中直接写react的js即可,简 ...
前端学习（3216）：总结state
前端学习（3206）：初始化state
前端学习（3205）：对state的理解
react组件卸载调用的方法_好程序员web前端培训分享React学习笔记（三）
好程序员web前端培训分享React学习笔记(三),组件的生命周期 React中组件也有生命周期,也就是说也有很多钩子函数供我们使用, 组件的生命周期,我们会分为四个阶段,初始化.运行中.销毁.错误处 ...

前端学习（2307）：react之props和state

前端学习（2307）：react之props和state相关推荐

最新文章

热门文章