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,新手注册即送开发大礼包