주문내역 페이지2 Go 언어 Front End 제작해보기(주문내역 페이지, 탐색메뉴) 5장 ◆ 주문 내역 페이지 ▶주문 내역 페이지 – src/order.js import React from 'react'; function Order(props) { return ( {props.productname} {props.desc} Price: {props.price} Purchased {props.days} days ago ); } export default class OrderContainer extends React.Component { constructor(props) { super(props); this.state = { orders: [] }; } componentDidMount() { fetch(this.props.location) .then(res => res.json()) .then((.. 2023. 5. 15. Go 언어 Front End 제작해보기(로그인 페이지) 4장 ◆ 로그인 페이지 ▶로그인 폼을 작성 – src/modalwindow.js 파일 class SingInForm extends React.Component { constructor(props) { super(props); this.handleChange = this.handleChange.bind(this); this.handleSubmit = this.handleSubmit.bind(this); this.state = { errormessage: '' } } handleChange(event) { const name = event.target.name; const value = event.target.value; this.setState({ [name]: value }); } handleSubmit(ev.. 2023. 5. 12. 이전 1 다음