reactjs - 失败的 Prop 类型 : Invalid prop of type `function` supplied expected a single ReactElement

Question

我正在尝试使用 react v4 和 axios 发布帖子，我关注的是 this tutorial我完全按照他说的做了，但我收到了一个错误:可能是因为我使用的是其他版本的 react，请问如何解决？

Failed prop type: Invalid prop userSignupRequest of type function supplied to SignUp, expected a single ReactElement.

这是我的代码:

import React from 'react';
import SignUpForm from './SignUpForm';
import { connect } from 'react-redux';
import { userSignupRequest } from '../../actions/signupActions';
import PropTypes from 'prop-types';

class SignUp extends React.Component{
  render(){
    const { userSignupRequest } = this.props;
    return(
        <SignUpForm userSignupRequest={userSignupRequest}/>
    );
  }
}


SignUp.propTypes = {
  userSignupRequest: PropTypes.element.isRequired
}

export default connect(null, { userSignupRequest })(SignUp);

注册操作:

import axios from 'axios';
import Constants from '../components/Constants'

export function userSignupRequest(userData) {
  return dispatch => {
    return axios.post(Constants.URL_REGISTER, userData);
  }
}

Answer 1

您的意思是在 PropTypes 中使用 element 而不是 func 吗？

SignUp.propTypes = {
  userSignupRequest: PropTypes.func.isRequired
}