JSX插入JS的问题

Question

export default class Routers extends React.Component {
    render () {
        return (
            <Router>
                <Route path="/" component={App}>
                    {}
                </Route>
            </Router>
        )
    }
}

这样没问题。

export default class Routers extends React.Component {
    render () {
        return (
            <Router>
                <Route path="/" component={App}>
                    {var a = 1;}
                </Route>
            </Router>
        )
    }
}

这样就报错找不到了，这是啥情况。

顺便问下，有什么好的调试工具没？

Answer 1

对象里面的分号是什么鬼

Answer 2

jsx的{}不能做赋值操纵,顶多也就做做 三目运算。。
赋值啥的，都得拿到return 外面