博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
react.js 多个组件集成示例
阅读量:5165 次
发布时间:2019-06-13

本文共 1206 字,大约阅读时间需要 4 分钟。

这个看得有点懵,

可能要结合其它实例看。

html

            
React JS Example React.js Example

 

js

var data = [{ "when": "2 minutes ago",    "who": "Jill Dupre",    "description": "Created new account"  },  {    "when": "1 hour ago",    "who": "Lose White",    "description": "Added fist chapter"}];var headings = ['When', 'Who', 'Description'];var Heading = React.createClass({  render: function() {    return {
this.props.heading}; }});var Headings = React.createClass({ render: function() { var headings = this.props.headings.map(function(name) { return
; }); return {headings}; }});var Row = React.createClass({ render: function() { return {
this.props.changeSet.when} {
this.props.changeSet.who} {
this.props.changeSet.description} ; }});var Rows = React.createClass({ render: function() { var rows = this.props.changeSets.map(function(changeSet) { return(
); }); return {rows}; }});var App = React.createClass({ render: function() { return
; }});ReactDOM.render(
, document.getElementById('container'));

转载于:https://www.cnblogs.com/aguncn/p/5870615.html

你可能感兴趣的文章
css3 2d转换3d转换以及动画的知识点汇总
查看>>
【Java】使用Eclipse进行远程调试,Linux下开启远程调试
查看>>
对Vue为什么不支持IE8的解释之一
查看>>
计算机改名导致数据库链接的诡异问题
查看>>
Java8内存模型—永久代(PermGen)和元空间(Metaspace)(转)
查看>>
ObjectiveC基础教程(第2版)
查看>>
centos 引导盘
查看>>
Notes of Daily Scrum Meeting(12.8)
查看>>
Apriori算法
查看>>
onlevelwasloaded的调用时机
查看>>
求出斐波那契数组
查看>>
lr_start_transaction/lr_end_transaction事物组合
查看>>
CodeIgniter学习笔记(四)——CI超级对象中的load装载器
查看>>
.NET CLR基本术语
查看>>
ubuntu的home目录下,Desktop等目录消失不见
查看>>
建立,查询二叉树 hdu 5444
查看>>
[Spring框架]Spring 事务管理基础入门总结.
查看>>
2017.3.24上午
查看>>
Python-常用模块及简单的案列
查看>>
LeetCode 159. Longest Substring with At Most Two Distinct Characters
查看>>