11 replies

dynamic react components wont render

I'm trying to dynamically render a collection of react components. and I can't just pass the components in an array. so I only pass the name of the components and them I try to convert that name to jsx.

import Component from "./component";

export default function App() {
  const CompName = "Component";

  return (
    <div className="App">
      <CompName />{/*doesn't work*/}
    </div>
  );
}

import Component from "./component";

export default function App() {
  const CompName = "Component";

  return (
    <div className="App">
      <CompName />{/*doesn't work*/}
    </div>
  );
}

just like parsing JSX to output function calls

react.createElement(type, args, children)

react.createElement(type, args, children)

. we could get to pass strings and get the function name inside of that cope.

ERR:

Warning: The tag <Component> is unrecognized in this browser. If you meant to render a React component, start its name with an uppercase letter.

Warning: The tag <Component> is unrecognized in this browser. If you meant to render a React component, start its name with an uppercase letter.

TTC

Theo's Typesafe Cult•4y ago•

11 replies

venego

dynamic react components wont render

import Component from "./component";

export default function App() {
  const CompName = "Component";

  return (
    <div className="App">
      <CompName />{/*doesn't work*/}
    </div>
  );
}

import Component from "./component";

export default function App() {
  const CompName = "Component";

  return (
    <div className="App">
      <CompName />{/*doesn't work*/}
    </div>
  );
}

just like parsing JSX to output function calls

react.createElement(type, args, children)

react.createElement(type, args, children)

. we could get to pass strings and get the function name inside of that cope.

ERR:

Warning: The tag <Component> is unrecognized in this browser. If you meant to render a React component, start its name with an uppercase letter.

Warning: The tag <Component> is unrecognized in this browser. If you meant to render a React component, start its name with an uppercase letter.

dynamic react components wont render

Similar Threads

dynamic react components wont render

Similar Threads

Similar Threads

Similar Threads