2016-03-24 23 views
0

Bir projede redux yönlendirici kullanmaya çalışıyorum, ancak çalışamayacağım.ReduxRouter kullanarak React.createElement hatası

export default function(store) { 
    return (
    <Route path="/" component={Main}> 
     [ALL NESTED ROUTES] 
    </Route> 
) 
} 

Benim yolları tepki-router ile iyi iş:

İşte (kısmi) benim yolları tanımıdır.

Ve sonra benim init kodu (kısmi): Ben ReduxRouter en createElement aşağıdaki hatayı alıyorum

import ReduxRouter from 'redux-router' 
import {Provider} from 'react-redux' 
[...] 

const routes = Routes(store); 

class Root extends Component { 
    render() { 
     return (
      <div> 
       <Provider store={store}> 
        <ReduxRouter>{routes}</ReduxRouter> 
       </Provider> 
      </div> 
     ); 
    } 
} 

ReactDOM.render(<Root />, document.getElementById('content')); 

:

Uyarı: React.createElement: tipi tanımlanmamış, boş olmamalı, boolean veya sayı. Bir dize (DOM öğeleri için) veya ReactClass (bileşik bileşenler için) olmalıdır. Sadece konsola yazmaya çalışırsanız

aşağıdaki hatayı alıyorum: Konsolda

<ReduxRouter>{routes}</ReduxRouter> 

, ben doğru sahne (çocuklar gibi benim yolları) ile Symbol(react.element) olsun, ama tip undefined

Sonuç olarak

, o zaman olsun:

Yakalanmayan Değişmez İhlali: Eleman türü geçersiz: beklenen bir dize (yerleşik bileşenler için) veya bir sınıf/işlev (bileşik bileşenleri için) ancak şunu içermez: undefined. Root'un render yöntemini kontrol edin.

Neyi eksik?

cevap

0

Tamam, bu aptalca bir şeydi. ReduxRouter'i yanlış ithal ediyordum.

Doğru ithalat ise:

import { ReduxRouter } from 'redux-router' 

Teşekkür Buna dikkat çektiğin için Reactiflux dan @tomo için!

İlgili konular