React

自分用メモ

ArrayにsetStateでデータを追加したい時

pushではなくconcatを使う

          this.setState({
              myArray: this.state.myArray.concat(e.file.response.data)
          })

Router

index.js

<Router>
    //初期画面
    <Route exact path="/" component={App} />
    //他の画面
    <Route path="/newPage" component={newPage} />
</Router>

Componentから移動したいとき

app.js

this.props.history.push({
    pathname: "/newPage"
})

編集しやすいため、ページリンクまとめ作るの推薦

PageRoute.js

const PAGEROUTE = {
    NEW_PAGE: "/newPage"
}
export default PAGEROUTE;

Router.js

const Routing = (
    <Router>
         ...省略
    </Router>
)
export default Routing;

index.js

import Routing from './Router';

render() {
    render(
        <div>
            <Routing />
        </div>

app.js

import PAGEROUTE from './PageRoute';

this.props.history.push({
    pathname: {PAGEROUTE.NEW_PAGE}
})