本机反应:可选择的部分列表视图给出错误

时间:2016-01-03 13:17:07

标签: javascript android react-native

我正在开发一个反应本机代码项目。我在github上使用一个插件 - selectablesectionlistview来使可选择的部分列表视图正常工作。

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

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

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

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

错误是 - SelectableSectionsListView is undefined. 现在已经解决了。

新错误 - data is undefined

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

2 个答案:

答案 0 :(得分:4)

您所展示的代码我只是一个库代码。我遇到过同样的问题。在将数据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'],
  }
};
}

在代码中使用它并将数据作为道具传递给库。它会起作用。

答案 1 :(得分:2)

我可以说,我已经解决了这个问题很长一段时间。这是我的git repo,我在这里设置了示例。

执行pub trait Optimizable { type Data; type Target; // The contract // } /// Trait for optimization algorithms. pub trait OptimAlgorithm<M: Optimizable> { // The contract // } pub struct Algorithm; impl Default for Algorithm { fn default() -> Algorithm { Algorithm } } impl<M: Optimizable> OptimAlgorithm<M> for Algorithm { } pub struct Model<'a, A> { // no bounds here layer_sizes: &'a [usize], alg: A, } impl<'a, A> Model<'a, A> where A: OptimAlgorithm<Model<'a, A>> { pub fn new(layers: &[usize]) -> Model<Algorithm> { Model { layer_sizes: layers, alg: Algorithm::default(), } } } impl<'a, A> Optimizable for Model<'a, A> where A: OptimAlgorithm<Model<'a, A>> { type Data = (); type Target = (); } pub fn main() { }

后,有许多事情需要考虑

以下是 index.js 的代码如何 -

npm install <library>

希望它有所帮助:)快乐的编码!