React-router: Create routes from higher-order-component

I'd like to specify some special properties for my routes, namely: asyncLoad= true/false, pregenerate static html: true/false and some other.

For this, I'd like to create own createRoutes script, which would look very simmilar to classical react-router definition, but would loop through routes and return the classical react-router createRoutes file. Do you have any ideas/resources how to do that? Thank you.

Copyright Notice：Content Author:「user3696212」，Reproduced under the CC 4.0 BY-SA copyright license with a link to the original source and this disclaimer.
Link to original article：https://stackoverflow.com/questions/40901256/react-router-create-routes-from-higher-order-component

Products recommended by Amazon

More >>>

SanDisk 128GB microSDXC-Card, Licensed for Nintendo-Switch - SDSQXAO-128G-GNCZN

HUANUO Dual Monitor Stand - Adjustable Spring Monitor Desk Mount Swivel Vesa Bracket with C Clamp, Grommet Mounting Base for 13 to 27 Inch Computer Screens - Each Arm Holds 4.4 to 14.3lbs

AMD Ryzen 5 5600X 6-core, 12-Thread Unlocked Desktop Processor with Wraith Stealth Cooler

Timberland Men's 6-Inch Premium Waterproof Boot

More about “React-router: Create routes from higher-order-component” related questions

React-router: Create routes from higher-order-component

I'd like to specify some special properties for my routes, namely: asyncLoad= true/false, pregenerate static html: true/false and some other. For this, I'd like to create own createRoutes script, ...

Show Detail

how to create reverse routes with react-router

I'm wondering if there is a recommended way to construct URLs for my links in my react-router based app. In the world of Zend Framework for php, I'd be using a url helper which used reverse routes....

Show Detail

React-Router Nested Routes not working

Steps to reproduce client.js (entry file) import React from 'react'; import ReactDOM from 'react-dom'; import { Provider } from 'react-redux'; import { createStore, applyMiddleware } from 'r

Show Detail

React-router 1.0.3 nested routes children empty

I am following the example here https://github.com/rackt/react-router/tree/master/examples/huge-apps I ported the code over to my stack, and it seems that all of the GlobalNav links work fine,

Show Detail

react-router location did not match any routes

I am stuck with react-router routing. I am getting the error: Warning: [react-router] Location "/FluxApp/" did not match any routes This is my app.js: var React = require('react'); var ReactDOM =

Show Detail

Dynamic React-Router routes

I want to use different routing based on some partial state, so I came up with the following: in my entry file: import routes from './routes.js' ReactDOM.render( <IntlProvider locale={locale}

Show Detail

How to change react-router routes?

I'm trying to change routes depending on logged in state: renderRouter() { if (loggedIn) { return ( <Router> <Route path="/" component={Dashboard} />

Show Detail

Adding multiple routes with react-router in an electrode app does nothing

I'm getting started with Walmart's react/redux/react-router/isomorphic boilerplate called electrode and I'm having trouble adding multiple routes. When I add the 2nd route it seems to do nothing and

Show Detail

React-router: allow undefined routes to pass to server

My stack: Django app with React/react-router/flux frontend. I'm managing some static pages (plus 404 page, etc) server-side, and want to configure my router to pass any undefined routes through to...

Show Detail

Router.create in react-router v1.0.0

What is the equivalent of Router.create (react-router v0.13) in react-router v1.0? var router = Router.create({ routes: routes, location: null // Router.HistoryLocation }); I want to create a

Show Detail