Я пытаюсь установить для следующего компонента HEAD строковое значение (которое фактически возвращается из woocommerce как строка Yoast Head)
Проблема в том, что содержимое строки html никогда не добавляется к компонент HEAD!
Над ним есть другие компоненты HEAD, но, насколько я понимаю, он аддитивный?
const Product = ({ product }) => {
const classes = useStyles();
const addToCart = useContext(BasketContext);
return (
<>
<Head dangerouslySetInnerHTML={{ __html: product.yoast_head }} />
<div className={classes.root}>
<Grid container spacing={1}>
<Grid item className={classes.grid} xs={6}>
<Card addToCart={addToCart} product={product} />
</Grid>
</Grid>
<TabPanel product={product} />
</div>
</>
);
};
Обновить , поэтому у меня есть исправление для этого с html-react-parser
, но я оставлю это открытым на случай, если у кого-то есть способ получше!