Как написать знак «Больше, чем» внутри тега jsx?

Question

Я пытаюсь напечатать знак «Больше» внутри кнопки из кнопки Material-UI с реакцией, но получаю ошибку синтаксического анализа, есть способ напечатать это без большого кода.

<Button onClick={includeOperator('eq')}> = </Button>
<Button onClick={includeOperator('neq')}> != </Button>
<Button onClick={includeOperator('gt')}> > </Button>
<Button onClick={includeOperator('lt')}> < </Button>
<Button onClick={includeOperator('gte')}> >= </Button>
<Button onClick={includeOperator('lte')}> <= </Button>
<Button onClick={includeOperator('between')}> between </Button>

Answer 1

Замените его следующим.Должно работать нормально.

<Button onClick={includeOperator('eq')}> = </Button>
<Button onClick={includeOperator('neq')}> != </Button>
<Button onClick={includeOperator('gt')}> > </Button>
<Button onClick={includeOperator('lt')}> {"<"} </Button>
<Button onClick={includeOperator('gte')}> >= </Button>
<Button onClick={includeOperator('lte')}> {"<="} </Button>
<Button onClick={includeOperator('between')}> between </Button>

https://codesandbox.io/s/kind-cookies-t9bln

Answer 2

Вы можете использовать html-объекты, где вы можете написать много специальных символов, в том числе тех, которые не находятся на вашей клавиатуре.

https://dev.w3.org/html5/html-author/charref