'JsonTable' 未定义 react/jsx-no-undef

Question

我试图在 react 中将 Json 值放入 json 表中，但它抛出错误“'JsonTable' is not defined react/jsx-no-undef”。 我该怎么办？有没有我需要导入的文件。

    import React, { Component } from 'react';
import {Link} from 'react-router-dom';
export default class SearchHistory extends Component {
  constructor()
  {
      super();
      this.state={data:null};
  }
        componentDidMount () {

            this.data().then(data => {
                const self=this;
                this.setState({data:data});
            });

        }
        columns() {
            return[
                {key:'name',label:'Name'},
                {key:'age',label:'Age'},
                {key:'color',label:'Color',cell:(obj,key) => {
                    return <span>{obj[key]} </span>;
                }}
                ];
        }

        data() {
     return new Promise((resolve,reject)=> {
         resolve([
                 {name:'sssss',age:20,color:'red'}
                    ]);

        });       
    }

        render() {
            <JsonTable rows={this.state.data} columns={this.columns()} />
    return (
            <div>Loading.... </div>
          )


    }
    }

谢谢

Answer 1

对不起，我的回答迟了：

我尝试了 JsonTable，但我认为它使用了库中已弃用的“React.createClass”，因此它在 React 15 中不起作用......

这是 react 0.14.8 中的一个工作示例：

希望这会有所帮助:)

/*
Simplest example for react-json-table.

To see the customization options visit
https://github.com/arqex/react-json-table
*/

var items = [
  { name: 'Louise', age: 27, color: 'red' },
  { name: 'Margaret', age: 15, color: 'blue'},
  { name: 'Lisa', age:34, color: 'yellow'}
];

React.render(
  <JsonTable rows={ items } />,
  document.body
);

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.8/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.8/react-dom.min.js"></script>
<script src="https://rawgit.com/arqex/react-json-table/master/build/react-json-table.min.js"></script>

我认为您需要从 https://github.com/arqex/react-json-table 导入 react-json-table 因为 react 不知道 JsonTable。

-> 这样做：

将 react-json-table 添加到您的项目中：

npm install react-json-table --save

然后只需在文件顶部添加：

import {JsonTable} from 'react-json-table';