app 컴포넌트에서 다른 컴포넌트에 값을 전달해주고 싶을 때, App.js import React form 'react'; import Hello from './Hello'; function App(){ return( ); } export default App; Hello 에서 name 값을 사용하고 싶을 때, 어캐 해야 할까 Hello.js import React from 'react'; function Hello(props){ return 안녕하세요 {props.name} } export default Hello; 이런식으로 props 를 써서 name 값을 조회하고 싶다면 props.name 을 사용하면 된다! 만약 입력받은 값이 여러개면? App.js Hello.js function Hello(p..
WEB
맨날 까먹으니까 적어두겠음 1. npm 설치 npm install -g create-react-app create-react-app myapp 2. 앱 실행 npm start * src 코드에서 app.js 에다가 컴포넌트를 생성하고, 전부 다 때려 박으면 된다. 컴포넌트 들을 나눠 js 파일을 따로 만드는거 추천 아 참고로 https://codesandbox.io/ 를 이용하면 편하게 웹코딩 할 수 있다
미니 프젝을 위한 리엑트 폼 만드러 보기... 나는 리엑트에 대해서 1나도 모르기 때문에 일단 구글링 ㄱㄱ state -변수 대신 쓰는 데이터 저장 공간이다. 문자, 배열, 오브젝트,숫자 다 저장 가능함 -use state() 를 이용해 만든다. let [글제목, 글제목변경]=useState(['리엑트','html']); {글제목 [0] } -> 글제목으로 리엑트가 들어감 -제목 수정 등 자주 바뀌는 변수를 state로 지정해준다. import React, { Component } from "react"; class UserFormClass extends Component { state = { name: "", email: "" }; handleClick = ({ target: { name, value ..
