Reactjs 使用mobx时react应用程序中的路由错误

当我输入到Mobx存储的代码链接（

const len

）时，我立即收到一个React route错误。例如：

import React, { Component } from "react";
import { observer, inject } from 'mobx-react';

@inject('store') @observer class App extends Component {
  render() {
    const len = store.goods.length
    return (
      <div>
        <h1>App is there</h1>
        <fieldset>
          <legend>Done</legend>
          { len }
        </fieldset>
      </div>
    );
  }
}

Cannot GET /notes

有人遇到过这样的情况吗？

你能把“上述错误发生[…]”部分的意思发出来吗？但如果我猜的话，可能是您在访问存储时没有在组件中声明它？在我看来，您应该这样访问它：

@inject('store') @observer class App extends Component {
  render() {
    const len = this.props.store.goods.length
    return (
      <div>
        <h1>App is there</h1>
        <fieldset>
          <legend>Done</legend>
          { len }
        </fieldset>
      </div>
    );
  }
}

@inject（'store'）@observer类应用程序扩展组件{
render（）{
const len=this.props.store.goods.length
返回(
应用程序在那里
多恩
{len}
);
}
}

在那里添加一些空/未定义的检查可能也不错，除非您绝对保证商品是商店的一部分

@inject('store') @observer class App extends Component {
  render() {
    const len = this.props.store.goods.length
    return (
      <div>
        <h1>App is there</h1>
        <fieldset>
          <legend>Done</legend>
          { len }
        </fieldset>
      </div>
    );
  }
}