Javascript 在react中的客户端上呈现json

我已经在react中创建了文件上传组件，它将上传csv文件并对其进行解析，然后在客户端将其呈现为json。但现在我的代码只能在控制台日志上上传csv文件，我很难理解为什么它没有解析csv并在浏览器客户端呈现它

我查看了react教程视频，但仍然不知道如何在客户端将csv解析并呈现为json输出。我怎样才能做到这一点？有什么办法可以做到这一点吗？有什么想法吗？谢谢

我的文件组件：

从“React”导入React，{Component} //从“react redux”导入{connect} 从“react文件读取器”导入react文件读取器； 导出默认类FileUpload扩展组件{ //构造器{ //超级作物； // } //如何将它们发布到数据库 构造器{ 超级作物 此.state={ fileUpload_状态：“false” } }; handleFiles=文件=>{ var reader=新文件读取器； reader.onload=函数e{ //使用reader.result var csv=reader.result； 变量行=csv.split\n； var结果=[]； var headers=行[0]。拆分，； forvar i=1；i使用和JSON.stringify

呈现JSON字符串

使用和JSON.stringify

呈现JSON字符串

---

render json on on the server=huh？听起来你想在客户端上执行此操作。@Diodeus JamesMacFarlane很抱歉造成混淆，是的，我想在客户端上进行渲染，不过我是个新手。你能帮我解决这个问题吗？有什么想法吗？谢谢你可能没有正确生成输出。你可以粘贴到这里，看看在哪里：@Diodeus JamesMacFarlane我这样做了，当我验证预期为“EOF”，得到“，”时，我得到了这个错误。另外，文件上传组件的输入来自google表单，我想将其作为json上传到客户端。你能给出一个可能的破解方法来解决这个问题吗？谢谢你似乎在这里工作，在服务器上呈现json=huh？听起来你想这么做在客户机上执行此操作。@Diodeus JamesMacFarlane很抱歉造成混淆，是的，我想在客户机上进行渲染，但我还没有反应。您能帮助我如何解决此问题吗？有什么想法吗？谢谢您可能没有正确地形成输出。您可以粘贴到此处以查看位置：@Diodeus JamesMacFarlane我这样做了，我遇到了此错误当我验证预期为“EOF”，得到“，”。另外，文件上传组件的输入来自google表单时，我想将其作为json上传到客户端。你能给出一个可能的破解方法来解决这个问题吗？谢谢你似乎在这里工作，请向我提供示例csv。这是我将上传的示例csv文件，并将其解析为json:.Pl如果链接不适合你，请告诉我。我用预期的json输出格式更新了我的帖子，该格式应该在客户端呈现。你能更新你的解决方案吗？谢谢you@woody我已经更新了演示，似乎正在按预期工作。请提供示例csv给我这里是示例csv文件，我将上传和PAR将其转换为json:。如果链接对您不起作用，请让我知道。我使用预期的json输出格式更新了我的帖子，该格式应该在客户端呈现。您可以更新您的解决方案吗？谢谢you@woody我已经更新了演示，似乎正在按预期工作。

 this.setState({
    data: JSON.stringify(result, null, 4),
  });

 <pre>{this.state.data}</pre>