呈现对象而不是html

Question

我正在尝试用html替换纯文本中的某些子字符串，并将其呈现给用户。

我现在进行了以下设置，但是它始终呈现[Object object]而不是html TextField。

import React, { useState } from "react";

import TextField from "@material-ui/core/TextField";

const CTextField = (
  <TextField id="outlined-basic" variant="outlined" />
);

function getAll(sourceStr) {
  return sourceStr.replace(/{_}/gi, CTextField);
}

export default function Parse(props) {
  const data = getAll(props.data);
  return (
    <div className={classes.root}>
        <div dangerouslySetInnerHTML={{ __html: data }}></div>
        {data}
    </div>
  );
}

我看到了很多这样的问题，但是我尝试了一下，但是没有用。我尝试将其设置为数组[]，但仍然得到它。我什至将dangerouslySetInnerHTML留在其中以表明它仍然无法正常工作。

Answer 1

想要显示时使用JSON.stringify(nameOfObject)显示所有键和object的值