score:1

try these code:

<script type="text/babel">

    class myclass extends react.component{
        render() {
            return(<h1>hello react componets!</h1>);
        }
    }

    reactdom.render(
        <h1><myclass/></h1>,
        document.getelementbyid('container')
    );
</script>

score:1

your problem is here,

<h1>myclass</h1>, //this is not a react component, this will only print `myclass` as text on page

just change,

reactdom.render(
     <h1>myclass</h1>,
     document.getelementbyid('container')
);

to this,

reactdom.render(
    <myclass />,
    document.getelementbyid('container')
);

note: correct the typo in your code, class myclass extends react.componet should be class myclass extends react.component{

demo


Related Query

More Query from same tag