我正在尝试传递一个变量以返回一个组件。这是我的代码:
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;
这里显示的是:
<p>Lorem ipsum dolor sit amet</p>
如何将此 html 内容插入主要内容?
最佳答案
试试 dangerouslySetInnerHTML
属性:
<Fragment key={propId}>
<div dangerouslySetInnerHTML={ { __html: data.htmlContent}} >
</div>
</Fragment>
关于javascript - 如何通过 Prop 将原始 HTML 内容呈现给 React 传递?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/63585992/