安慰日志打印两次,映射在reactjs/mobx项目中不起作用

我的Mobx存储中有以下提取请求:

 getAllLegoParts = action("get all lego", () => {
this.legoParts = fromPromise(
  fetch("http://localhost:8000/LegoPieces", {
    method: "GET",
    cache: "no-store"
  }).then(response => response.json())
 );
 });
}

我在下面的ReactJS类中使用此选项:

class ViewLegos extends Component {
 constructor(props) {
 super(props);
 this.props.store.getAllLegoParts();
}

render() {
console.log(this.props.store.legoParts.value);
return (
  <div>
    <table>
      <thead>
        <tr>
          <th>Piece</th>
          <th>Type</th>
        </tr>
      </thead>
      <tbody>
        {this.props.store.legoParts.map(legoPart => (
          <tr key={legoPart.id}>
            <td>{legoPart.piece}</td>
            <td>{legoPart.piece}</td>
            <td>{legoPart.type}</td>
          </tr>
        ))}
      </tbody>
    </table>
  </div>
);
}
}

export default inject("store")(observer(ViewLegos));

然而,我有两个问题:

1. 安慰日志打印两次-在一种情况下,打印未定义,在第二种情况下,它打印一个对象数组(这就是我想要的)。

2. 我收到一个错误,说:

   TypeError: this.props.store.legoParts.map is not a function
   

感谢您的帮助!