react里面的几个内容

HashRouter的使用:https://segmentfault.com/a/1190000014313428

v4Router路由参数的跳转:https://blog.csdn.net/przlovecsdn/article/details/81740791

子组件给父组件传值:在父组件里面写个函数传给子组件

class Parent extends React.Component{
    constructor(){
      super();
      this.state = {
          msg:""
      }
    }
    show(v){
        this.setState({
          msg:v
        })
    }
    render(){
      return(
        <div>
            <Child getMsg = {this.show.bind(this)}/>
            <div>我是父组件=》{this.state.msg}</div>
        </div>
      )
    }
  }
class Child extends React.Component{
  constructor(){
    super();
    this.state = {
        msg:"我是子组件的数据"
    }
  }
  componentWillMount(){
      this.props.getMsg(this.state.msg);
  }
  render(){
    return(
      <div>我是子组件=》{this.state.msg}</div>
    )
  }
}
ReactDOM.render(
    <Parent/>,
    app
);

react组件成员函数的绑定:

主要推荐箭头函数的方式:

https://www.jianshu.com/p/ec1f1991c301

 react找对象数组里面指定的值:

找到对象数组中指定的值
var array = [
            { label: "Custom", value: "0" },
            { label: "Admin", value: "1"}
        ]
要找到array中value为0的label值
var a = array.find(item => item.value == 0);
获取数组里面部分元素:

可以用Array中自带的方法:
arrayObj.shift( )
shift 方法可移除数组中的第一个元素并返回该元素。
例如:
var ary=[1,2,3,4];
var a=ary.shift();//a=1;ary=[2,3,4];

arrayObj.slice(start, [end])

slice 方法返回一个 Array 对象,其中包含了 arrayObj 的指定部分。
参数:start,截取数组开始下标。end截止的下标,但不包括end元素
例如:
var ary=[1,2,3,4];
var newary=ary.slice(0, 2);//newary=[1,2],不包括下标2 所对应的元素3。

posted @ 2019-01-19 20:43  LeeJuly  阅读(117)  评论(0编辑  收藏  举报