Estoy tratando de pasar una variable a cambio de un componente. Aquí está mi código:

const Obj = (props) => {

    let { propId } = useParams();
    
    const [data, setData] = useState({ course: [] });

    useEffect(() => {
        (async () => {
            const result = await axios.get(
                'http://example.com/api/v1/' + propId
            ).catch(err => {
                console.error(err);
            });
            setData(result.data);
        })();
    }, [propId]);
    
    return (
        <Fragment key={propId}>
            <div>
                {data.htmlContent}
            </div>
        </Fragment>
    );
};

export default Obj;

Aquí muestra esto:

<p>Lorem ipsum dolor sit amet</p>

¿Cómo puedo insertar este contenido html en el contenido principal?

0
sundowatch 25 ago. 2020 a las 22:39

1 respuesta

La mejor respuesta

Pruebe el atributo dangerouslySetInnerHTML:

 <Fragment key={propId}>
            <div dangerouslySetInnerHTML={ { __html: data.htmlContent}} >
           
            </div>
        </Fragment>
3
Boussadjra Brahim 25 ago. 2020 a las 19:54