React 使用小结【一】

有了昨天的教训，我决定今天赶紧把遇到的问题写下来……
前端新手，好多问题都很小白，望请见谅～
React 16.3.1 + ES6

Q&A

---

Q：在本地搭建了后端服务器，怎么将数据传回后端跟后端交互（使用脚手架create-react-app）？
A：在 package.json 中 script 后面添加类似于：”proxy”: “http://127.0.0.1:8000“。我使用nginx来进行分发，所以直接写”http://127.0.0.1“即可。

---

Q：从后端接收的字符串转Json报错

SyntaxError: Unexpected token o in JSON at position 1

A：先使用 JSON.stringify() 处理字符串，之后再 JSON.parse()即可得到Json。

---

Q：React-Router如何在没有匹配的情况下返回主页？
A：

<Switch>
       <Route exact path='/' component={LoginDialog}/>
       <Route path='/home/:ID' component={HomeView}/>
       <Redirect to="/" />
</Switch>

---

Q：如何根据窗口大小变化来确定我组件的位置跟大小？
A：
在 componentDidMount 中添加Listener，将this.onWindowsResize()这个函数绑定到resize 事件上，相当于一个回调。

    componentDidMount(){
        window.addEventListener('resize',this.onWindowsResize);
    }
    componentWillUnmount(){
        window.removeEventListener('resize',this.onWindowsResize);
    }

然后通过window.innerHeight来获得当前窗口的高度，今进而进行计算。

---