How pass data from index.js with path, using redux-store?

Sorry if my question formulating is not right. I can use example t o describe what i want. So: `I have db table where i have got paths and some other datas, i want pass dynamically path from db to routes, For example i have got this

{path: '/ato',
  action() {
    return {
      title: 'Test',
      component: <Layout><About /> <Ato /></Layout>,
    };
  },

How make it something like this?

{path: 'data.path',
      action() {
        return {
          title: 'Test',
          component: <Layout><About /> <Ato props={data} /></Layout>,
        };
      },
    },

Is there any suggestion?

[frenzzy]

How about this?

const route = {
  path: '*',
  async action({ path }) {
    // get page data
    const page = await fetch(`/api/page?path=${path}`).then(resp => resp.json());
    if (!page) return null; // page not found

    // get page component `src/routes/{your-route-name}/pages/{PageComponentName}.js`
    const PageComponent = require(`./pages/${page.component}.js`).default;

    // render page
    return {
      title: page.title,
      component: <Layout><PageComponent {...page} /></Layout>,
    };
  }
}

or with code splitting

// get page component
const PageComponent = await new Promise((resolve) => {
  require.ensure([], (require) =>
    // src/routes/{your-route-name}/pages/{PageComponentName}.js
    resolve(require(`./pages/${page.component}.js`).default
  ));
});

// or
let PageComponent;
switch (page.component) {
  case 'Page1':
    PageComponent = await new Promise((resolve) => {
      require.ensure([], (require) => resolve(require('./PageComponent1').default))
    });
  case 'Page2':
    PageComponent = await new Promise((resolve) => {
      require.ensure([], (require) => resolve(require('./PageComponent2').default))
    });
  // ...
  default:
    throw new Error(`Page component ${page.component} not found.`);
}

[frenzzy]

async action() {
  loadData(); // call async method and do not wait for the result (do you need this?)
  await loadData(); // call async method and wait for the result
  return {/*...*/};
}

this is the same as

action() {
  loadData(); // load data in background
  return loadData().then(() => { // load data then continue
    return {/*...*/};
  });
}