React-роутер и jsx-no-bind

Question

Я использую 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

Это включает в себя использование PureComponents