React-router 和 jsx-no-bind

Question

我正在使用 react-router 进行导航。我有一些组件需要登录才能看到。

因此我有这个：（来自 react-router 中的以下文档）

<Route
  {...rest}
  render={props =>
    isLoggedIn()
      ? <Component {...props} />
      : <Redirect
          to={{
            pathname: '/login',
            state: {from: props.location},
          }}
        />}
/>

但是，这有一个问题，因为 jsx-no-bind 不允许箭头函数。解决这个问题的正确方法是什么？还是应该简单地忽略它，因为出于某种原因它不会遭受相同的性能影响？

Answer 1

关于渲染道具的 React 官方文档：

https://reactjs.org/docs/render-props.html

本文档使用的示例如下：

<DataProvider render={data => ( <h1>Hello {data.target}</h1> )}/>

注意此处提到的注意事项： https://reactjs.org/docs/render-props.html#caveats

这包括使用 PureComponents

React-router 和 jsx-no-bind

React-router and jsx-no-bind

jsx

react-jsx

react-router