From 22996e4d9d90d9493449737d1b5419efead9acf8 Mon Sep 17 00:00:00 2001 From: saahub Date: Fri, 23 Mar 2018 02:32:39 -0300 Subject: [PATCH] map --- package-lock.json | 5 +++++ src/App.js | 4 ++-- src/Components/Frecuentes.js | 1 + src/Data/frecuentes.json | 22 ++++++++++++++++++++++ src/Frecuentes.jsx | 16 ++++++++++++++++ 5 files changed, 46 insertions(+), 2 deletions(-) create mode 100644 src/Components/Frecuentes.js create mode 100644 src/Data/frecuentes.json create mode 100644 src/Frecuentes.jsx diff --git a/package-lock.json b/package-lock.json index 5fee954..bd5bb7b 100644 --- a/package-lock.json +++ b/package-lock.json @@ -5680,6 +5680,11 @@ "pretty-format": "20.0.3" } }, + "jquery": { + "version": "3.3.1", + "resolved": "https://registry.npmjs.org/jquery/-/jquery-3.3.1.tgz", + "integrity": "sha512-Ubldcmxp5np52/ENotGxlLe6aGMvmF4R8S6tZjsP6Knsaxd/xp3Zrh50cG93lR6nPXyUFwzN3ZSOQI0wRJNdGg==" + }, "js-base64": { "version": "2.4.3", "resolved": "https://registry.npmjs.org/js-base64/-/js-base64-2.4.3.tgz", diff --git a/src/App.js b/src/App.js index e07e9ae..540f3f0 100644 --- a/src/App.js +++ b/src/App.js @@ -1,8 +1,8 @@ import React, { Component } from 'react'; import { Thumbnail, Navbar, ProgressBar, Nav, NavItem, NavDropdown, MenuItem, Image, Grid , Col , Row } from 'react-bootstrap'; import { Form, FormGroup, ControlLabel, FormControl, Button, BootstrapTable, TableHeaderColumn } from 'react-bootstrap'; -import User from './components/User'; -import UserList from './components/UserList'; +import User from './Components/User'; +import UserList from './Components/UserList'; import Services from './Components/Services'; import Cargando from './Components/Cargando'; diff --git a/src/Components/Frecuentes.js b/src/Components/Frecuentes.js new file mode 100644 index 0000000..4b9e703 --- /dev/null +++ b/src/Components/Frecuentes.js @@ -0,0 +1 @@ +import React, { Component } from 'react'; \ No newline at end of file diff --git a/src/Data/frecuentes.json b/src/Data/frecuentes.json new file mode 100644 index 0000000..fe4dfd4 --- /dev/null +++ b/src/Data/frecuentes.json @@ -0,0 +1,22 @@ +{ + "data": [ + { + "id": 1, + "name": "Michael Carvajal", + "rut": "16989654-7" + }, + + { + "id": 2, + "name": "Maria Solaris", + "rut": "16989654-7", + + }, + + { + "id": 3, + "name": "francisco Zuñiga", + "rut": "11989633-7", + } + ] +} \ No newline at end of file diff --git a/src/Frecuentes.jsx b/src/Frecuentes.jsx new file mode 100644 index 0000000..ef2b225 --- /dev/null +++ b/src/Frecuentes.jsx @@ -0,0 +1,16 @@ +import React from 'react'; +import ReactDOM from 'react-dom'; + +import { Data } from '../src/Data/frecuentes.json'; + +const frecuentes = ({ name, rut }) => + Data.map((data => +
+

{data.name}

+

{data.rut}

+
+ )) +//const App = ({ message }) =>
{ message }
; + +//ReactDOM.render(, document.getElementById('app')); +ReactDOM.render(, document.getElementById('app')); \ No newline at end of file