реагировать материализуется, модал не является функцией - PullRequest
Новая
       8

реагировать материализуется, модал не является функцией

0 голосов
/ 30 ноября 2018

реагирующая материализация библиотека не позволяет мне закрывать модалы.Поставляется с ошибкой модальной функции не является.библиотека использует реагировать-материализовать JQuery, который как бы бесполезен. 

import React, { Component } from 'react';
import NavBarStyle from   './NavBar.css';
import $ from 'jquery'; 
import   './projects.css';
import {Button,NavItem,Dropdown,Navbar,Collection,CollectionItem,Modal, 
Input,Row} from 'react-materialize'
import SideNavBar from './SideNavBar';
class AddProjectForm extends Component{
addProject = (e) =>{
    e.preventDefault();
    $('#modal').modal('close');
}
render(){
    return(
        <div>
        <Modal  id="modal" header='Add project' 
         ref={(el) => this.modal = el}
            actions={this.submitButton}
            trigger={<a href="#" className="btn grey darken-1 white-text">Add project</a>}
            >
<form action="#" onSubmit={this.addProject}>
 <button ref={(el) => this.submitButton = el}  type="submit" className="col btn s6-offset">Add</button>
                </form>
        </Modal>
      </div>
 }

Ответы [ 2 ]

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

Поздний ответ, но может помочь кому-то еще.Вы пытались добавить это к кнопке 

modal="close"
0 голосов
/ 30 ноября 2018

Возможно, это обходной путь:

Попробуйте вызвать событие нажатия для скрытой кнопки класса «модальное закрытие» (я имею в виду скрыть ее) 

"$('.modal-close').trigger('click')"
...