10===> 传递参数 import React from "react" //一定要导入React // 函数类型去创建组件 export function Web1(props){ return <div> 我是以函数的形式创建的组件 <p> {props.name}</p> </div> } // 以类的形式创建组件 这一种传递参数要使用 this 它是挂载到实例上的 export class Web2 extends React.Component{ render(){ return <div> 我是类组件 <p> {this.props.name}</p> </div> } }
使用的组件的页面 // 导入组件 import {Web1,Web2} from "./components/CompType" {/* 使用组件 */} <Web1 name="传值1"></Web1> <Web2 name="传值2"></Web2> 注意 React的组件是尊循单项数据流 没有双向绑定 你去操作会报错
原文地址:https://www.cnblogs.com/IwishIcould/p/11966714.html
时间: 2024-11-05 22:33:32