Как принудительно программно создать экземпляр реагирующего компонента из вложенного компонента - PullRequest
Новая
       22

Как принудительно программно создать экземпляр реагирующего компонента из вложенного компонента

0 голосов
/ 18 октября 2018

Я работаю над модальной формой для добавления записи в БД с помощью activ.js и машинописного текста в качестве моего внешнего интерфейса.

У меня возникают трудности с реализацией кнопки сохранения, поскольку она должна работать с этого момента..props.history.push ("/ fetchcomponent") 'не перенаправляет обратно так, как предполагалось. Я хочу, чтобы конструктор снова загружал данные ...

Я попытался передать историю родительских компонентов внутрь как propsно я не уверен, что в этом проблема?

Это метод внутри вложенного модального компонента, который срабатывает при нажатии: 

private handleSave(event) {

        event.preventDefault();
        const data = new FormData(event.target);
        // PUT request for Edit naselje.  
        if (this.state.nasData.idnaselje) {
            fetch('api/Naselje/Edit', {
                method: 'PUT',
                body: data,
            }).then((response) => response.json())
                .then((responseJson) => {
                    this.props.history.push("/fetchnaselje"); // doesn't redirect back to the /fetchnaselje
                })
        }
        // POST request for Add naselje.  
        else {
            fetch('api/Naselje/Create', {
                method: 'POST',
                body: data,
            }).then((response) => response.json())
                .then((responseJson) => {
                    this.props.history.push("/fetchnaselje"); // doesn't redirect back to the /fetchnaselje
                })
        }
        this.props.parent.showModal();
        //window.location.reload() ??
    }

Данные сохраняются, но я долженвручную нажмите на другой маршрут и затем вернитесь к / fetchnaselje, чтобы отобразить добавляемые новые данные. Как я могу сделать это программно?

...