175-2108-6175
网站建设资讯详细

React Props介绍

日期:2020-06-13  作者:千语创想  浏览:6377

props:属性,是一个 JavaScript 对象。

  • props 是调用方传递给组件的数据(类似于函数的形参),而 state 是在组件内被组件自己管理的数据(类似于在一个函数内声明的变量)。

  • props 是不可修改的,所有 React 组件都必须像纯函数一样保护它们的 props 不被更改。 由于 props 是传入的,并且它们不能更改,因此我们可以将任何仅使用 props 的 React 组件视为 pureComponent,也就是说,在相同的输入下,它将始终呈现相同的输出。

state 和 props 主要的区别在于 props 是不可变的,而 state 可以根据与用户交互来改变。

这就是为什么有些容器组件需要定义 state 来更新和修改数据。 而子组件只能通过 state 来传递数据。


props使用实例:


function HelloMessage(props) {

    return <h1>Hello {props.name}!</h1>;

}

const element = <HelloMessage name="W3Cschool"/>;

ReactDOM.render(

    element,

    document.getElementById('example')

);

来千语创想移动应用开发平台学习更多APP开发知识:app开发app制作app开发源码下载app开发框架app制作模板等免费获取。

千语创想-专业APP开发app定制服务商,提供一站式移动应用解决方案,满足您的各类需求,欢迎免费评估需求和获取报价。

立即免费在线制作一个APP,新手注册即送开发大礼包


转载请注明来自:https://www.qianyuthink.com/news/7506.html
上一页:React组件介绍
下一页:React组件API