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')}
)
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>
}
export default function App() {
const num = 2;
return (
<div>
{num > 0 ? <h1> Greater than Zero </h1> : <h1> Zero</h1>}
</div>
);
}
Replace > by > and replace < by <
You can use the following code as a replacement :
return (
{num > 0 ? (
console.log('greater than 0')
):(console.log('less than zero')}
)