Question

使用＆＃34; npx create-react-app＆＃34;我遇到了奇怪的问题。和＆＃34; d3-fetch＆＃34;。下面的代码应该提供tsv数据作为输出，但它打印来自public / index.html的行。此代码适用于我的其他反应应用程序，这些应用程序尚未通过使用＆＃34; npx create-react-app＆＃34;

构建

我的代码：

import React, { Component } from 'react';
import {tsv} from 'd3-fetch';

export default class App extends Component {

    componentDidMount() {
        tsv('data/data.tsv', function(d) {
          console.log(d)
        }).then()
    }

  render() {

    return (
      <h1>hi</h1>
    );
  }
}

输出应该打印数据，但它为console.log提供了html元素：

{<!DOCTYPE html>: "<html lang="en">"}
{<!DOCTYPE html>: "  <head>"}
{<!DOCTYPE html>: "    <meta charset="utf-8">"}
...

Answer 1

解决方案是手动将csv数据转换为json。然后获取json数据

import data from './data/data.json';

React：函数参数是HTML元素

1 个答案: