Как в функциональном компоненте прописать условное отображение контента с помощью оператора «?»?

Question

[humanIvan]

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

Comments

[Роман Александрович]

попробуйте так

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

[humanIvan]

parsing error

[Роман Александрович]

humanIvan, https://reactjs.org/docs/conditional-rendering.htm...
почитайте
parsing error в каком месте?

[humanIvan]

Внизу дали ответ

Answer 1

[0xD34F]

Лишние фигурные скобки, должно быть так:

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