Сборник рассказов с компонентом redux - PullRequest
Новая
       14

Сборник рассказов с компонентом redux

0 голосов
/ 27 мая 2020

У меня есть стек MERN с redux. Я пытаюсь создать свои компоненты пользовательского интерфейса и хочу использовать сборник рассказов для упрощения рабочего процесса.

Дело в том, что я просто не могу заставить его работать.

Это мой компонент: Navbar.js: 

import React, { Component } from "react";
import { Link } from "react-router-dom";
import { connect } from "react-redux";

class Navbar extends Component {
  render() {
    const { user } = this.props.auth;
    return (
      <div className="navbar-fixed">
        <nav className="z-depth-0">
          <div className="nav-wrapper white">
            <Link
              to="/"
              style={{
                fontFamily: "monospace"
              }}
              className="col s5 brand-logo center black-text"
            >
              <i className="material-icons">code</i>
              {user.name}
            </Link>
          </div>
        </nav>
      </div>
    );
  }
}
const mapStateToProps = state => ({
  auth: state.auth
});
export default connect(
  mapStateToProps
)(Navbar);

И это моя история Navbar.stories.js: 

import React from 'react';
import Navbar from '../components/layout/Navbar';

export default {
  title: 'Navbar',
  component: Navbar
};

export const SimpleStory = () => <Navbar/>;

это ошибка, которую я получаю: 

Could not find "store" in either the context or props of "Connect(Navbar)". Either wrap the root component in a <Provider>, or explicitly pass "store" as a prop to "Connect(Navbar)".

Как Могу ли я изолировать компонент Navbar от redux?

...