He estado tratando de mostrar el símbolo de marca ASCII para el texto de mi botón, pero parece que no puedo hacer que funcione correctamente, solo muestra la cadena &#10004 dentro del botón. Alguien sabe cómo solucionarlo. ?

Aquí están mis dos componentes:

Artículo:

 import logo from './logo.svg'; import './App.css'; import { Button } from './Button'; import React, { useState } from 'react'; const Item = () => { const [item, setItem] = useState(""); return ( <div className="Item"> <input type="text" value={item} label="Enter item scheduled" onChange={(evt) => { setItem(evt.target.value); }} /> <Button className="CompleteButton" text="&#10004"/> <h3>Your item scheduled is: {item}</h3> </div> ); } export {Item};

Botón:

 import React from 'react'; const Button = (props) => { return ( <button className={props.className} onClick={props.onClick}>{props.text}</button> ) } export {Button}