Değişmez İhlal: Kök rotayı, yönlendirici-yönlendirici 2 dinamik yönlendirmesinde tek bir öğe hatası oluşturmalıdır.

Question

Bir yol veya dizin yolu içermeyen bir yolla basit Hello World Uygulaması var. Yönlendirme için jsx sysntax yerine plain routes kullanıyorum. Yine web paketi ile Merhaba bileşeni yüklemek için tepki-yönlendiricinin dynamic routing kullanıyorum. Benim app.jsx dosyasında aşağıdaki kod vardır.

import React from "react"; 
import ReactDOM from "react-dom"; 
import {Router, browserHistory} from "react-router"; 
import Hello from "./components/Hello"; 



const routes = [{ 
    path:"/", 
    getComponents(location, callback) { 
     require.ensure([], function (require) { 
      callback(null, require('./components/Hello')) 
     }) 
    } 
}]; 


ReactDOM.render(
    <Router history={browserHistory} routes={routes}/>, 
    document.getElementById("container") 
); 

Hello.jsx bileşeni webpack ES6 modülleri

sonra kullanmak ES6 kodu transpile için Babel kullanıyorsanız desteklemediği için bu hata olur Aşağıdaki kodu

import React from "react"; 
export default class Hello extends React.Component { 

    render() { 

     return (
      <h2>Hello World</h2> 
     ) 
    } 
} 

Answer 1

sahiptir varsayılan anahtar sözcük olarak

böylece yollar