javascript - react native : selectable section list view gives error

Question

我正在做一个 React native 代码项目。我在 github 上使用一个插件- selectablesectionlistview使可选择的部分 ListView 工作。

我正在使用文档中提供的示例代码-

var SelectableSectionsListView = require('react-native-selectablesectionlistview');

// inside your render function
<SelectableSectionsListView
  data={yourData}
  cell={YourCellComponent}
  cellHeight={100}
  sectionHeaderHeight={22.5}
/>

而且它不起作用。我在渲染函数内的 javascript 中遇到错误。

错误是 - SelectableSectionsListView 未定义。 现在已解决。

新错误 - 数据未定义。

我正在使用上面的代码。任何帮助。请。

Answer 1

我觉得你展示的代码只是一个库代码。我遇到了同样的问题。在向库调用发送数据 json 后，我让它工作了。

class MyComponent extends Component {
constructor(props, context) {
super(props, context);

this.state = {
  data: {
    A: ['some','entries','are here'],
    B: ['some','entries','are here'],
    C: ['some','entries','are here'],
    D: ['some','entries','are here'],
    E: ['some','entries','are here'],
    F: ['some','entries','are here'],
    G: ['some','entries','are here'],
    H: ['some','entries','are here'],
    I: ['some','entries','are here'],
    J: ['some','entries','are here'],
    K: ['some','entries','are here'],
    L: ['some','entries','are here'],
    M: ['some','entries','are here'],
    N: ['some','entries','are here'],
    O: ['some','entries','are here'],
    P: ['some','entries','are here'],
    Q: ['some','entries','are here'],
    R: ['some','entries','are here'],
    S: ['some','entries','are here'],
    T: ['some','entries','are here'],
    U: ['some','entries','are here'],
    V: ['some','entries','are here'],
    X: ['some','entries','are here'],
    Y: ['some','entries','are here'],
    Z: ['some','entries','are here'],
  }
};
}

在您的代码中使用它，并将数据作为 props 传递给库。它会起作用。