0

我遇到了一个问题，我需要将我的模式和我的 json 传递给我的构造函数。首先，我正在使用Reactabular开发一个 SPA，但在这个库中，我只能使用他们创建的名为 generateRows 的函数启动应用程序，但我有自己的对象要注入，所以我不想生成行。

在我的组件中，我有这段代码：

class AllFeaturesTable extends React.Component {
  constructor(props) {
    super(props);

    this.state = {
      rows: generateRows(5, schema), 
      searchColumn: 'all',
      query: {}, // search query
      sortingColumns: null, 
      columns: this.getColumns(), 
      pagination: { 
        page: 1,
        perPage: 5
      }
    };

当我将行作为 json 对象数组传递时，一切都很好，直到我尝试编辑这些值，并且为什么我不能编辑这些数据是有道理的。我不能，因为我没有传递模式（正如你们在他们将模式作为参数的 generaterows 中看到的那样）。

我的问题是我怎样才能做到这一点？传入我的 this.state.row 模式和我的行。

这是我的行：

const predefinedRows = [
   { "combustivel" : "Flex",
  "imagem" : null,
  "marca" : "Volkswagem",
  "modelo" : "Gol",
  "placa" : "FFF-5498",
  "valor" : 20000
  },
  { "combustivel" : "Gasolina",
  "imagem" : null,
  "marca" : "Volkswagem",
  "modelo" : "Fox",
  "placa" : "FOX-4125",
  "valor" : "20000"
  },
  { "combustivel" : "Alcool",
  "imagem" : "http://carros.ig.com.br/fotos/2010/290_193/Fusca2_290_193.jpg",
  "marca" : "Volkswagen",
  "modelo" : "Fusca",
  "placa" : "PAI-4121",
  "valor" : "20000"
  }

];

这是我的架构：

const schema = {
  type: 'object',
  properties: {
    combustivel: {
      type: 'string'
    },
    imagem: {
      type: 'string'
    },
    marca: {
      type: 'string'
    },
    modelo: {
      type: 'string'
    },
    placa: {
      type: 'string'
    },
    valor: {
      type: 'integer'
    }
  },
  required: ['combustivel', 'imagem', 'marca', 'modelo', 'placa']
};

提前致谢！

4

1 回答 1

1

你不应该使用generateRows. generateRows介绍到这里，只返回一个虚拟数组数据。

只需按照示例来实现您的组件。如果要使用所有功能，并传递给this.state.row模式和行。只需这样做：

this.state = {
      row: {
        rows: yourRows,
        schema: yourSchema
      }, 
      searchColumn: 'all',
      query: {}, // search query
      sortingColumns: null, 
      columns: this.getColumns(), 
      pagination: { 
        page: 1,
        perPage: 5
      }
    };
于 2017-01-23T03:56:29.600 回答