React Redux Add Components

Question

I have a project that I am working on, which is the creator of HTML pages. The user can select from a list of pre-designed sections of the HTML page (title, sliders, content blocks, footers, etc.) from the menu and drop them onto the canvas to create a web page. The end result is a downloadable zip file containing a static website.

My application layout looks like this:

I have parts 1,2 and 3. Part 4, a drawer with a drawer, contains HTML sections, and when I clicked I would like to add the corresponding component to the main area of ​​the page, this process will be repeated until the web page it will be built. Then each component can be edited and subsequently saved as a page.

, , React/Redux, onclick?

, /, , , ? jQuery, jQuery .load(), React/Redux , , , React Router?

- ? ..

.

Answer 1

, , , - mainArea = [id1, id6, id12] .. <MainArea /> .

: , .

, . , . - :

const Component1 = React.createClass(...)
const Component6 = React.createClass(...)
const Component12 = React.createClass(...)

const componentMap = {
  id1: Component1,
  id6: Component6,
  id12: Component12,
}

, <MainArea /> , , .