-
父组件通过属性的形式向子组件传递参数,子组件通过 props 接受父组件传递过来的参数
子组件如果想和父组件通信,子组件要调用父组件传递过过来的方法
查看全部 -
为什么循环产生的组件中要利用 key 这个特殊的 prop?
Keys 负责帮住 React 跟踪列表中哪些元素被改变,添加,删除。React 利用子元素的 key 再比较两棵树的时候,快速得知一个元素时新的还是刚刚被移除。没有 Keys , React 也就不知道当前哪一个的 item 被移除了。
查看全部 -
父组件通过属性的形式向子组件传递参数
子组件通过 props 接受父组件传递过来的参数
在此过程中 key 属性不可缺
查看全部 -
子组件向父组件传值,子组件调用父组件传递过来的方法,在子组件中写 this.props.方法名(参数)
查看全部 -
react父子组件间参数的传递和引用
查看全部 -
父组件通过属性的形式向子组件传递数据, 子组件通过props的形式接受父组件的数据。
查看全部 -
jsx里只能写表达式,不能写语句。
查看全部 -
父组件向子组件传值,用属性
子组件向父组件传值,用方法
查看全部 -
import React,{ Component } from 'react'; class TodoList extends Component{ handlerClick(){ this.setState({ list:[...this.state.list,this.state.inputvalue], inputvalue:'' }) //this.state.list.push('1'); } handleInput(e){ this.setState({ inputvalue:e.target.value }); } handlerDel(index){ const list=[...this.state.list]; list.splice(index,1); this.setState({list}); } //构造器 constructor(props){ super(props); this.state={ list:[ 'learn react', 'learn english', 'learn vue' ], inputvalue:'' } } render(){ return( <div> <div> <input value={this.state.inputvalue} onChange={this.handleInput.bind(this)}/> <button onClick={this.handlerClick.bind(this)}>add</button> </div> <ul> { this.state.list.map((item,index)=>{ return <li key={index} onClick={this.handlerDel.bind(this,index)}>{item}</li> }) } </ul> </div> ); } } export default TodoList;
查看全部 -
import React,{ Component } from 'react';class TodoList extends Component{handlerClick(){this.setState({list:[...this.state.list,this.state.inputvalue],inputvalue:''})//this.state.list.push('1');}handleInput(e){this.setState({inputvalue:e.target.value});}//构造器constructor(props){super(props);this.state={list:['learn react','learn english','learn vue'],inputvalue:''}}render(){return(<div><div><input value={this.state.inputvalue} onChange={this.handleInput.bind(this)}/><button onClick={this.handlerClick.bind(this)}>add</button></div><ul>{this.state.list.map((item,index)=>{return <li key={index}>{item}</li>})}</ul></div>);}}export default TodoList;
查看全部 -
import React,{ Component } from 'react';
class TodoList extends Component{
handlerClick(){
this.setState({
list:[...this.state.list,'1']
})
//this.state.list.push('1');
}
//构造器
constructor(props){
super(props);
this.state={
list:[
'learn react',
'learn english',
'learn vue'
]
}
}
render(){
return(
<div>
<div>
<input/>
<button onClick={this.handlerClick.bind(this)}>add</button>
</div>
<ul>
{
this.state.list.map((item,index)=>{
return <li key={index}>{item}</li>
})
}
</ul>
</div>
);
}
}
export default TodoList;
查看全部 -
//定义函数 onClick={this.函数名} //构造函数 constructor(props){ super(props); this.state={ list:[ '1', '2' ] } } //循环 { this.state.数据.map((item)=>{ {item} }) }
查看全部 -
子组件要想和父组件通信,子组件要先调父组件的方法
查看全部 -
父组件通过属性的方式向子组件传递参数,子组件通过props接收父组件传来的参数。
查看全部 -
react不需要直接操作DOM了
react的編程思想強調的是面向數據編程查看全部
举报