如何在React 15.6.0上正确使用PropTypes?

时间:2018-02-10 06:49:27

标签: node.js reactjs redux redux-form

我开始使用react和redux,但我仍然对如何处理道具和状态感到迷茫。

我收到此类错误:

  

TypeError:无法读取属性'触及'未定义的

database.getAlbumsByProperty('artistName', 'Flume')

有人能指出我正确的方向还是让我知道我做错了什么

EmployeeFormComponent.js:

{name.touched && name.error && <div className="EmployeeForm-error">{name.error}</div>}

EmployeeFormContainer.js

import React from 'react';
import { reduxForm } from 'redux-form';
const EmployeeForm = ({ addEmployee, fields: {name}, handleSubmit })   => {
  return (
    <form onSubmit={handleSubmit(addEmployee)} >
      <div>
        <input
          type="text"
          placeholder="Name"
          {...name}
        />
        {name.touched && name.error && <div className="EmployeeForm-error">{name.error}</div>}
      </div>
      ...
    </form>
  );}

export default reduxForm({
  form: 'employee',
  fields: ['name'],
  validate,
})(EmployeeForm);

1 个答案:

答案 0 :(得分:0)

为了解决这个问题,我稍后修改了一点,将其更改为此,现在我使用redux-form字段,并在组件属性上发送输入。

    DateTimeFormatter offsetFormatter = DateTimeFormatter.ofPattern("O", Locale.ENGLISH);
    ZoneOffset offset = ZoneOffset.from(offsetFormatter.parse("GMT" + utcOffsetString));