javascript - 在 React 中使用映射函数之外的变量

标签 javascript reactjs dictionary

我在某些变量方面遇到了一些问题。

我的代码是:

import React from 'react';
import mongoose from 'mongoose';
var sch = require('../models/schema');

export default class IndexPage extends React.Component {
  render() {

    sch.find(function(err,models){
       //???
    });

    return (
      <div className="home">
        Afiez ceva {models}
      </div>
    );

  }
}

如何实现这一目标?我已经尝试了所有的可能性。 我希望能够渲染像 {models} 或 {models[0].whatever} 这样的东西。 请给点建议?

引用文献:

import mongoose from 'mongoose';

var schValue = new mongoose.Schema({
  asd: String
});

schValue.set( 'collection', 'ecommerce' );

module.exports = mongoose.model('sch', schValue);

最佳答案

我还没有测试过它,但你需要这样的东西吗:

  export default class IndexPage extends React.Component {

  constructor() {
    super();

    this.state = {
      models: [],
    };
  }

  componentWillMount() {
    sch.find({}, (err, models) => {
      this.setState({ models });
    });
  }

  render() {
    return (
      <div className="home">
        {this.state.models.map(model => {
          return model;
        })}
      </div>
    );
  }
}

关于javascript - 在 React 中使用映射函数之外的变量,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42356011/

相关文章:

reactjs - 如何在react apollo中全局处理错误

javascript - 在 React/Flux 中保留刷新状态的最佳实践是什么?

javascript - 在 useEffect 重新渲染后 React Page Scrolls on top

javascript - Ajax 表单提交给两个脚本

Python 字典或替代品

python - 将嵌套字典转换为字典

javascript - 在 map 上选择多个国家

javascript - 在 Dart 中处理不受支持的浏览器的最佳方法是什么?

javascript - 如何在 reactJS 中映射字典?

javascript - 为什么在更改内部函数时外部变量不会动态更改?