Dynamically Define ReactJS Routes from JSON

You need to create a registry of components so that you can look up component references from their name:

import App from './App'; 
import Dashboard from './Dashboard';

const componentRegistry = {
    "App": App,
    "Dashboard": Dashboard
}

<Route path={route.path} components={componentRegistry[route.component]} key={index}/>;