How to conditionally display content in a functional component using the “?” operator?

Question

React

export const ItemCheckbox = ({
  position,
}) => (
  {positin ? (
    <p>Hello</p>
  ) : (
    <p>Good</p>
  )}
)

Answer 1

Extra curly braces, should be like this:

const ItemCheckbox = ({
  position,
}) => (
  position ? (
    <p>Hello</p>
  ) : (
    <p>Good</p>
  )
);