weixin_44999830的博客

一、父组件传子组件父传子比较简单，直接在父组件定义传值名称和值，子组件通过props来接收即可父组件：constructor(props){ super(props) this.state={ message:"I am from parent" } } render(){ return( <Child txt={this.state.message}/> ) }}子组件：render(){

思路：1、在状态state中设置一个开关变量；2、在render中把要渲染的组件（假设组件B）定义到return外面3、在第一次render的时候，通过开关判断是否需要渲染所以，第一次render的时候，开关是关的，就不进行组件B的渲染，当componentDidMount后，获取ajax返回数据，再改变state的状态，进行重新render思路是条件渲染，设置一个判断条件，条件值不同，渲染的组件不同，下面是官网的一个例子class LoginControl extends React.Comp

1.路由表配置：参数地址栏显示<Route path="/list/:id" component={List} />html：<Link to='/list/2' >跳转列表页面</Link>Js: this.props.history.push('/list/2');List页面接收：console.log(this.props.match.params.id)//传递过来的所有参数2.query方法：参数地址栏不显示，刷新地址栏，参数丢失html:&

1、 文件路径问题，在 package.json中增加homepage2、css中图片路径问题，建议直接用import的引入使用import bgimg from './images/bg.jpg'<div className='login' style={{backgroundImage:`url(${bgimg})`}}></div>3、react-dom.production.min.js:209 Error: Minified React error #152;

里面写得很详细，很棒的文章：https://www.cnblogs.com/yiyi17/p/9409249.html

在React中e.stopPropagation()无法阻止事件冒泡，可以使用 e.nativeEvent.stopImmediatePropagation() 完美解决。class Test extends React.Component{ componentDidMount(){ document.onclick=this.two; } one(e){...