react基础---组建数据交互pros

重点在this.pros.属性

<!DOCTYPE html>
<html lang="en" dir="ltr"><head><meta charset="utf-8"><title></title><script src="dist/browser.min.js"></script><script src="dist/jquery.js"></script><script src="dist/react.js"></script><script src="dist/react-dom.js"></script></head><body><div id="root"></div><script type="text/babel">/*组件：组件中只能存在一个根容器组件与组件之间可以互相嵌套组件本身可以具有业务逻辑*/var Nav = React.createClass({render:function(){return(<div><ul>{this.props.navData.map(function(item,index){return(<li key={index}><a href="#">{ item }</a></li>)})}</ul></div>)}})var Root = React.createClass({render:function(){var nav1 = ["百度","谷歌"]var nav2 = ["新闻","地图"]return(<div><Nav navData={nav1}/><Nav navData={nav2}/></div>)}})ReactDOM.render(<Root />,document.getElementById("root"))</script></body>
</html>

react基础---组建数据交互pros相关推荐

微信小程序与本地数据库的进行基础数据交互的案例——使用Java后台
微信小程序与本地数据库的进行基础数据交互的案例--使用Java后台案例介绍本地数据库储存用户信息表后台Java访问数据库,获得需要数据小程序端访问服务器环境配置及需要的项目代码资源: 案例介 ...
React基础-React中发送Ajax请求以及Mock数据
前言在 React 中, render 函数返回的结果,取决于组件的 props 和 state 我们都知道 UI 页面上的数据不是写死的,往往是从后端的数据接口中拿到的然后将真实的数据填充到页面 ...
零基础通过Ajax实现网易云音乐数据交互(4)
数据交互,应该是一个老生常谈的问题了,可是十几年过去了,这个简单却又重要的问题,依然是很多人面试和实际工作中的心病. 数据交互在前端面试过程中,是一定会考的知识点(鲁迅说,大彬哥说的对). 当然某些知 ...
零基础通过Ajax实现网易云音乐数据交互（4）
数据交互,应该是一个老生常谈的问题了,可是十几年过去了,这个简单却又重要的问题,依然是很多人面试和实际工作中的心病. 数据交互在前端面试过程中,是一定会考的知识点. 当然某些知名招聘网站也是这么说的, ...
Flux -- Redux -- Redux React 基础实例教程
本文的目的很简单,介绍Redux相关概念用法及其在React项目中的基本使用假设你会一些ES6.会一些React.有看过Redux相关的文章,这篇入门小文应该能帮助你理一下相关的知识一般来说,推 ...
干货 | 万字长文全面解析GraphQL，携程微服务背景下的前后端数据交互方案
作者简介古映杰,携程研发高级经理,负责前端框架和基础设施的设计.研发与维护.开源项目react-lite和react-imvc作者. 前言随着多终端.多平台.多业务形态.多技术选型等各方面的发展, ...
react方法返回html_React全家桶之React基础(推荐新手必看)
学习目标安装create-react-app脚手架熟练React基础语法掌握JSX语法掌握setState 掌握React生命周期掌握props传递参数掌握React组件通信资源 rea ...
【React 基础】之 React 基本介绍、jsx 规则、模块与组件
React 全家桶 React 基础 React-Router 路由 PubSub + 消息管理库 Redux 集中式的状态管理 Ant-Design UI 组件库 - React 简介官网英文官 ...
React——基础（笔记）
文章目录一.React概述 1.1 特点 1.2 基本使用二.入门 2.1 React的基本使用 React.createElement ReactDOM.render 2.2 React脚手架 ...

react基础---组建数据交互pros

react基础---组建数据交互pros相关推荐

最新文章

热门文章