Reactjs How to write the greater than 0 in jsx?

Question

Reactjs How to write the greater than 0 in jsx?

this is my current code

return (
    {num > 0 ? (
       console.log('greater than 0')
    ):(console.log('less than zero')}
  )

Answer 1

 export default function App() {
  const num = 2;
  return (
   <div>
    {num > 0 ? <h1> Greater than Zero </h1> : <h1> Zero</h1>}
   </div>
  );
 }

Answer 2

You mean you wanna display the evaluation on screen? There is a clean way to do that.

const App = () => {
...// logic you want

    const comment = num > 0 ? 'greater than 0' : 'less than zero';
    return <p>{comment}</p>
}