<Toast Controller /> из response-toastify-redux выдает ошибку, когда я помещаю его в класс внутри div

Я хочу использовать тост при отправке моей формы, и я выполнил инструкции в github ниже: https://github.com/fayster/react-toastify-redux

Но он возвращает мне эту ошибку: ошибка

Вот код

class AjoutForm extends React.Component {
   onSubmit(values){
   return this.props.ajout(values)
   }
  /* componentWillMount () {
    this.props.initialize({ type : this.props.type });
  }
*/
    render() {
       const {demande}=this.props;
        const {handleSubmit,submitting}= this.props;
        console.log('validation demande: 00 ',demande);
        
           
        

      return ( <div>  
       
       <div>
            <ToastController toastComponent={CustomToastComponent} />
        </div>
        <h1>Ajouter une nouvelle entrée</h1>
        
        <div className="text-center">
        <form  className="mt-4" onSubmit={handleSubmit(this.onSubmit.bind(this))}>
        
        {/* form details */}
        
      
      
        <div>
          <button className="btn btn-primary" disabled={submitting}>Envoyer</button>
        </div>
    </form>
    
    </div>
  
    </div>
      );
    
  } 

}


  export default reduxForm({form:'reactWidgets'})(connect(null,mapDispatchToProps)(AjoutForm))

У кого-нибудь есть представление об этой ошибке?

Источник

0 ответов

Другие вопросы по тегам