Я получаю это предупреждение при запуске приложения реакции - PullRequest
Новая
       58

Я получаю это предупреждение при запуске приложения реакции

0 голосов
/ 28 октября 2018

Предупреждение. Функции недопустимы как дочерние элементы React.Это может произойти, если вы возвращаете Компонент вместо <Component /> от рендера.Или, может быть, вы хотели вызвать эту функцию, а не возвращать ее.
в span
в
в li
в ul
в div
в div
в div
в заголовке
в div
в div
в t
в master
в Connect (master)
в Switch
в Router
в Provider 

const store = configureStore();
store.dispatch(generalActionLoad());


ReactDOM.render(

	<Provider store={store}>
		<Router history={history}>
			{routes}
		</Router>
	</Provider>
	, document.getElementById('app')
);

Мои route.js: 

export default (

  <Switch>
    <Route exact path="/abcd" component={Locked} />

    {/* <Route onEnter={requireAuth}> */}
    <Master  >
      
      < Switch >
        <Route exact path="/abcdefg"  component={abcdefg}/> 
      </ Switch>
     
    </Master>
    {/* </Route>;  */}

    <Route exact path="*" components={NotFound} />
  </Switch>

);

1 Ответ

0 голосов
/ 28 октября 2018

Ваш Routes.js является выражением, а не функцией, поскольку вы просто экспортируете JSX.

За кулисами jsx на самом деле является просто функциями javascript.Поэтому, когда вы пишете 

<Switch>
 <Route> ...

При компиляции это выглядит так: 

React.createElement(Switch, {},
  React.createElement(Route, {}, ...

Это должно работать, если вы оберните свой jsx в функцию. 

export default () => (

  <Switch>
    <Route exact path="/abcd" component={Locked} />

    {/* <Route onEnter={requireAuth}> */}
    <Master  >

      < Switch >
        <Route exact path="/abcdefg"  component={abcdefg}/> 
      </ Switch>

    </Master>
    {/* </Route>;  */}

    <Route exact path="*" components={NotFound} />
  </Switch>

);

Также компоненты должны быть в верхнем регистре.Я не знаю, каков ваш компонент abcdefg, если он был просто в качестве примера или фактического компонента, но вам нужно будет переименовать его во что-то, начинающееся с заглавной буквы, чтобы реагировать знал, что это компонент.

...