공급자의 잘못된 프로펠러 자식

공급자의 잘못된 프로펠러 자식

지난 몇 주 동안 리액션을 배우고 있어.
처음에는 플레인 리액션이 있는 간단한 채팅을 개발했고, 이제 나는 Redex를 내 앱에 통합하기 시작했다.

나는 간단한 액션, 일치하는 환원기, 그리고 스토어를 추가했다.그런 다음 reaction-remensx 라이브러리에서 Provider를 사용해야 하는 부분에 도달했다.

import React from 'react';
import ReactDOM from 'react-dom';
import { Provider } from 'react-redux';
import { Router, browserHistory } from 'react-router';
import ConfigureStore from './Store/ConfigureStore';
import Routes from './Routes';

const store = ConfigureStore();
ReactDOM.render(
    <Provider store={store}>
        <Router history={browserHistory}
            routes={Routes} />,
    </Provider>,
    document.getElementById('root')
);

앱은 괜찮지만 콘솔에서 다음 오류를 수신한다.

경고: 실패한 프로펠러 유형:잘못된 소품children활자의array에 공급된.Provider, 단일 ReactElement를 기대함.제공자로

그리고

검색되지 않은 불변성 위반:반응.어린이.반응 요소 자식 하나만 받을 것으로 예상됨.

리액션 생성 앱을 시작 키트로 사용하고 있다.

풀코드는 여기서 찾을 수 있다.

당신은 a를 가지고 있다.,다음에<Router history={browserHistory} routes={Routes} />

제거해 보셨습니까?

동일한 오류:

경고: 실패한 프로펠러 유형:잘못된 소품children활자의array에 공급된.Provider, 단일 ReactElement를 기대함.

검색되지 않은 오류: 대응.Children.React 요소 자식 하나만 받을 것으로 예상됨.

다음 형식으로 공급자를 작성할 때 생각나는 경우:

<Provider store={store}> <App4Connected /> </Provider>

대신 다음과 같은 기능이 올바르게 작동한다.

<Provider store={store}>
    <App4Connected />
</Provider>

내가 이런 형식으로 쓰는 것은 오류를 던지는 것이었다.

ReactDOM.render(<Provider store={store}> <App /> </Provider>, document.getElementById('root'));

하지만 이것은 잘 작동한다:

ReactDOM.render(
    <Provider store={store}> 
        <App /> 
    </Provider>, 
    document.getElementById('root'));

참조URL: https://stackoverflow.com/questions/40181363/invalid-prop-children-in-provider