I am using class and constructor in react-js but this program does not error is thrown in console. show a message only blank. what is wrong?
class Strick_ extends React. Component { constructor() { super(); this.state = { color: "red" }; } render() { return <h1> this color {this.state.color} </h1>; } } ReactDom.render(Strick_, document.getElementById("root"));
Advertisement
Answer
You need to pass it as <Component />
. And Still doesn’t work then add your index.html
, there might be the issue then.
class Strick_ extends React.Component { constructor() { super(); this.state = { color: "red" }; } render() { return <h1> this color {this.state.color} </h1>; } } // you need to pass as element component <Component/> ReactDom.render(<Strick_/>, document.getElementById("root"));
PS: If you want to render only element only html element then you can do as you did and same is mentioned in docs. And you should return element from Component [Ref].