Upload
takahiro-ikeuchi
View
11.933
Download
3
Embed Size (px)
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"') };