map
-
[React] CRUDFRONT-END/React 2020. 11. 5. 16:01
| App.js import React, { Component } from 'react'; import { BrowserRouter, Link, Route } from 'react-router-dom'; import Home from './components/Home.js' import Profile from './components/Profile.js' import About from './components/About.js' import './css/style.css' class App extends Component { render(){ return ( HomeA ProfileA AboutA ); }// render end } export default App; | Home.js import Rea..
-
[React] 배열을 출력하기 위해 Map 메소드 사용하기FRONT-END/React 2020. 11. 5. 14:23
| Map 메소드 Map 메소드는 파라미터로 전달 된 함수를 통해 배열의 각 요소를 프로세싱하여 그 결과로 새로운 배열을 생성한다. let arr = [3,4,5,6,7,8,9,123]; let arr_map = arr.map(function(value){ return value*2 }) console.log(arr_map) // 결과값 : [ 6, 8, 10, 12, 14, 16, 18, 246 ] | map을 사용해서 사진을 배열로 출력하기 import React from "react" class MyPic extends React.Component { state = { pics:[ './images/sw01.png', './images/sw02.png', './images/sw03.png', './..