job-React 组件之间的传递数据
来源:互联网 发布:第三方银行数据录入员 编辑:程序博客网 时间:2024/06/07 19:17
组件之间用props 传递数据
*使用<组件 数据=”值” > 的形式传递
*组件里使用this.props获取值
*如果组件里只有render函数 ,还可以用函数的形式写组件
import React from "react"class App extends React.Component{ render(){ const leader = "Kormma!!!" return ( <div> <h4>魔鬼队伍SKT T1 ,Coach {leader}</h4> <Faker ></Faker> <Bang ADC = "Bang" ></Bang> <Bengi></Bengi> <Impact></Impact> <Wolf></Wolf> <EDG leader = "ClearLove"></EDG> </div> ) }}class Faker extends React.Component{ render(){ const leader = "李湘菏!!!" return <h2>AP Carry,{leader}</h2> }}class Bang extends React.Component{ render(){ // const leader = "Bang!!!" return <h2>AD Carry,{this.props.ADC}</h2> }}class Bengi extends React.Component{ render(){ const leader = "Bengi!!!!" return <h2>打野,{leader}</h2> }}class Impact extends React.Component{ render(){ const leader = "Impact" return <h2>上单,{leader}</h2> }}class Wolf extends React.Component{ render(){ const leader = "Wolf" return <h2>辅助,{leader}</h2> }}function EDG (props){ return <h5>EDG 队长 ,{props.leader}</h5>}export default App
阅读全文
0 0
- job-React 组件之间的传递数据
- 组件之间的数据传递
- react组件间的数据传递
- React Native学习笔记之--组件之间数据的传递和跳转
- vue2.0 组件之间的数据传递
- vue2.0 组件之间的数据传递
- Vue---组件之间的数据传递
- vue 父子组件之间的数据传递
- react---组件间数据传递
- react(二)父子组件间的数据传递---prop
- angualr2组件之间传递数据
- React组件之间的通信
- react组件之间的通信
- react组件之间的通信
- React组件之间的通信
- react组件间数据传递(笔记)
- React 的数据流动(反向由子组件向父组件传递数据)
- vue组件之间的通信(数据的传递)
- unity生成安卓Logo和名字更换配置
- Ubuntu安装搜狗输入法
- Maven的安装
- rman恢复方案和oracle异机恢复
- SPI协议学习笔记
- job-React 组件之间的传递数据
- 7.40 谨慎设计方法签名
- liintcode&九章算法——No.69 二叉树的层次遍历(一) ? 待解决
- PAT
- Fibonacci Tree HDU
- 第四十一条:慎用重载
- 日常笔记之fstat函数
- Job for apache2.service failed apache2无法启动解决
- eclipse 设置 jvm参数