React：如何呈现 text/html http 响应？

Question

我正在创建一个将 .xls 文件上传到服务器的应用程序，响应是 text/html 响应。我想预览响应（就像在开发人员工具中一样）。类似于：

        axios.post(config.serverUrl + "/file", formData)
            .then(response => {

                //Preview response code
            }

我试过 dangerouslySetInnerHTML={{ __html: {response.data} }} 但没用。

响应示例：

<!DOCTYPE html><html><head><style>table, td{    border: 1px solid black;
    border-collapse: collapse;
    padding: 9px;
}</style><title>file3500064108648651012.tmp</title></head><body><table>
<tr><td>Sheet 1</td></tr>
<tr><td>Test</td><td>Test1</td><td>Test2</td></tr>
<tr><td>test</td><td>test1</td><td>test2</td></tr>
</table></body></html>

预览应该如下所示：

<!DOCTYPE html><html><head><style>table, td{    border: 1px solid black;
    border-collapse: collapse;
    padding: 9px;
}</style><title>file3500064108648651012.tmp</title></head><body><table>
<tr><td>Sheet 1</td></tr>
<tr><td>Test</td><td>Test1</td><td>Test2</td></tr>
<tr><td>test</td><td>test1</td><td>test2</td></tr>
</table></body></html>

Answer 1

可以直接用dangerouslySetInnerHTML设置HTML:

 <div dangerouslySetInnerHTML={response} />

React：如何呈现 text/html http 响应？

React: How to render a text/html http response?

httpresponse

typescript

reactjs

axios