🍳如有不对,欢迎一起讨论
概述
react组件实例中共有三大属性,分别为state、props、refs。其中props,是properties的简写,字面意思为“属性”,在组件上绑定的属性都在props里。
作用: 通过标签属性从组件外向组件内传递变化的数据
注意: props属性是只读的,也就是不能修改,只能读取
基本使用
<!-- 创建容器标签 -->
<div id="root"></div>
<!-- React核心文件 -->
<script src="../js/react.development.js"></script>
<!-- react操作DOM文件 -->
<script src="../js/react-dom.development.js"></script>
<!-- 属性限制文件 -->
<script src="../js/prop-types.js"></script>
<!-- babel转换jsx为js -->
<script src="../js/babel.min.js"></script>
<script type="text/babel">
// 创建类组件
class Person extends React.Component{
render(){
//3.通过this.props接收
const {
name,age}=this.props
return (
<div>
<