Rendering a component based on a condition?

Question

JavaScript

Let's say there is a component that is inserted into the layout like this:

<div>
        <SomeComponent />
</div>

It is necessary that it be drawn, or not drawn, depending on the conditions.

if (условие) {
    ///отрисовался
} else {
    ///не отрисовался
}

Please advise on the implementation. The condition is written and works, but I can’t figure out how to push the component into the right place depending on the condition.

Answer 1

https://ru.reactjs.org/docs/conditional-rendering.html