Go 言語と React で考える「いい感じなURL設計」入門

Preview:

Citation preview

interface FooterProps { company:string } export class FooterComponent extends React.Component<FooterProps, any> { constructor(props:FooterProps) { super(props) }

// Props Build Error

// <FooterComponent />

<FooterComponent company="eurie Inc." />

export class MemberComponent extends React.Component<MemberProps, MemberState> { constructor(props:MemberProps) { super(props); this.state = { member: {} } }; componentDidMount() { client().get("/members/" + this.props.params.number) .then(response => { this.setState({member: response.data}) }) .catch(response => { console.log(response) }) }; render() { let member = this.state.member; return <div id="member-component"> <h3>{member.name} : {member.number}</h3> <p>{member.createdAt}</p> </div> } }

handleOnClick = (e):void => { e.preventDefault(); browserHistory.push("/members"') };