Functional component conditional rendering

Purpose of render():

Logical && Operator Another way to conditionally render a React component is by using the && operator.

It works great for simple use cases , and every programmer knows how it works. But there’s a lot of repetition, and the render method looks crowded. So let’s simplify it by extracting all the conditional logic to two render methods: one to render the input box and another to render the button.12 Eki 2020