小编Yo *_*ita的帖子

ReactJS 未加载/渲染

今天,当我启动 iMac 继续开发 ReactJS 应用程序时……它没有加载……

我所说的“加载”是指它不显示任何页面的内容。

错误:

未捕获的类型错误:无法读取未定义的属性“getCurrentLocation”

如果您需要 App.js 和 index.js 的代码,它们是:

应用程序.js:

import React, { Component } from 'react';
import Header from './pages/Header';
import Footer from './pages/Footer';

import './css/App.css';

class App extends Component {
  render() {
    return (
      <div className="App">

        <Header />

            {/*Content*/}
            <div> App Page </div>

        <Footer />

      </div>
    );
  }
}

export default App;
Run Code Online (Sandbox Code Playgroud)

索引.js:

import { Router, Route, History } from 'react-router';
import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';

// …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs react-router

5
推荐指数
1
解决办法
1万
查看次数

Sequelize.js:查询不在数组中($ ne表示数组中的项)

我希望使用Sequelize从postgres数据库中提取项目,但只返回id与给定数组中的任何项目不相等的项目.

Sequelize文档,也有运营商$nenot equal$in用于返回与给定数组匹配值的属性项目,但它并不像有什么东西,结合这两种操作.

例如,如果我在数据库中包含id的项目[1, 2, 3, 4, 5, 6],并且我想通过与另一个数组(即[2,3,4])进行比较来过滤这些项目,那么它将返回项目[1, 5, 6].在我的例子中,我也随机化了退货订单和限价,但这可以忽略不计.

function quizQuestions(req, res) {
  const query = {
    limit: 10,
    order: [ [sequelize.fn('RANDOM')] ],
    where: {
      id: { $ne: [1, 2, 3] } // This does not work
    }
  };

  Question.findAll(query)
  .then(results => res.status(200).json(map(results, r => r.dataValues)))
  .catch(err => res.status(500).json(err));
}
Run Code Online (Sandbox Code Playgroud)

编辑:使用@piotrbienias回答,我的查询如下所示:

  const query = {
    limit: 10,
    order: [ [sequelize.fn('RANDOM')] ],
    where: {
      id: …
Run Code Online (Sandbox Code Playgroud)

postgresql sequelize.js

5
推荐指数
2
解决办法
2万
查看次数

对于可观察字段,"对象可能未定义"

检索数据并设置obseravble数组,这里的代码如下:

import {observable} from 'mobx';

export interface IMenuModel{
    Id:number
    itemName:string;
    parentId?:number;    
}
 class MenuRepo {
    @observable menuItems? : IMenuModel[];
    constructor(){
    }
    getItems():void {
    fetch(`..`).then((response: Response): Promise<{ value:IMenuModel[] }>  => {
              return response.json();
            })
             .then((response: { value: IMenuModel[] }) : void => {
               this.menuItems = response.value;

      }, (error: any): void => {
        //exception handling
      });
    }
}

var menuCodes = new MenuRepo
export default menuCodes;
Run Code Online (Sandbox Code Playgroud)

这是观察者阶级;

import * as React from 'react';
import {observer} from 'mobx-react';
import {IMenuModel} from './Codes';

@observer …
Run Code Online (Sandbox Code Playgroud)

typescript reactjs mobx mobx-react

4
推荐指数
1
解决办法
3465
查看次数