Breaking News: Grepper is joining You.com. Read the official announcement!

react: render dynamic component from json

Kind Kouprey answered on April 28, 2022 Popularity 7/10 Helpfulness 1/10

answer react: render dynamic component from json

react: render dynamic component from json

Comment

import React from "react";
import Foo from "./components/Foo";
import Bar from "./components/Bar";
 
const Components = {
  foo: Foo,
  bar: Bar
};
 
export default block => {
  // component does exist
  if (typeof Components[block.component] !== "undefined") {
    return React.createElement(Components[block.component], {
      key: block._uid,
      block: block
    });
  }
}

Popularity 7/10 Helpfulness 1/10 Language javascript

Source: www.storyblok.com

Tags: javascript json render

Link to this answer
Share Copy Link