React-печенье с крючками - PullRequest
Новая
       31

React-печенье с крючками

0 голосов
/ 06 июня 2019

Я использую React-cookie, redux, redux-thunk и hooks.

Я не понимаю, как сохранить значение "токен" в виде куки.

это Компонент App.js

<Provider store={store}>
    <CookiesProvider>
      <BrowserRouter>
        <Switch>
          <Route exact path="/release/:id" component={Release} render={() => (<Login cookies={this.props.cookies} />)} />
          <Route exact path="/login" render={() => (<Login cookies={this.props.cookies} />)} component={Login} />
        </Switch>
      </BrowserRouter>
    </CookiesProvider>
  </Provider>

на самом деле Login компонент выполнен в виде крючка

Я получаю значение токена из-за вызова, сделанного с этим компонентом 

function Form({ handleSubmit, login }, props) {
  const [token, setToken] = useState(undefined);
  const onSubmit = (user) => {
    login(user);
  };

  return (
    <form onSubmit={handleSubmit(onSubmit)} className={styles.flexColumn}>

      <div className={styles.username}>
        <P>username</P>
        <Field name="username" component="input" type="text" className={styles.input} />
      </div>

      <div className={styles.password}>
        <P>password</P>
        <Field
          name="password"
          component="input"
          type="text"
          className={styles.input}
        />
      </div>

      <div className={styles.downSection}>
        <Flex>
          <div>
            <P>
                Serve Aiuto?
            </P>
          </div>
          <a href="#">
            <div className={styles.contactLink}>
              <P>Contattaci</P>
            </div>
          </a>
        </Flex>
        <Button type="submit" text="Accedi" />
      </div>
    </form>
  );
}

Form.propTypes = {
  handleSubmit: PropTypes.func.isRequired,
  login: PropTypes.func.isRequired,
};

const mapStateToProps = (state, ownProps) => ({
  cookies: ownProps.cookies,
}, console.log(ownProps));

const mapDispatchToProps = {
  login: loginAction,
};

const enhance = compose(
  connect(mapStateToProps, mapDispatchToProps),
  reduxForm({ form: 'login' }),
);

export default enhance(Form);

Как я могу сохранить значение token в виде файла cookie? я получил это значение благодаря loginAction Я должен использовать библиотеку реакции-куки.

Спасибо.

...