react用构造函数创建组件

有两种方法，一种是通过构造函数创建，一种是通过class创建

1、构造函数创建组件

用function+组件名的方式创建，创建好了，在render里面以标签的形式一丢就可以啦！但是这种方式必须要return一个什么，如果说你什么都不渲染，那就ruturn null，这种情况一般不会用，一般情况是return一个虚拟dom。

组件的重点就是如何接受外部传来的对象。假设定义了一个对象，然后用这个组件接收它。虚拟dom里面和render渲染的dom里面，前者是设置传的参数，这叫形参量的接收，由于它是一个形参，所以叫什么名字都可以，可以是props，也可以是person，也可以是student，什么名字都行，但是最好还是props，因为有语义。后者是真正的经过处理的值。

在下面代码 return的上面加一句console.log(props)就可以在页面调试中查看相关的值了。

组件中的props永远都是只读的，所以不能给他直接赋值。比如props.name=wanghuahua,如果这样写，会导致错误哦。

const person={
name:'Alice',
age:18,
gender:female
}


function Hello(props){
return <div>显示人物详情：{props.name}<br/>{props.age}|{props.gender}</div>}

reactDOM.render(
<div><Hello name={person.name} age={person.age} gender={person.gender}></Hello></div>,document.getElementById('app')
)

 

转载于:https://www.cnblogs.com/qingshanyici/p/10085560.html