Реагирование Js HTMl на переключение вкладок - таблица компонентов не обновляется - PullRequest
Новая
       30

Реагирование Js HTMl на переключение вкладок - таблица компонентов не обновляется

0 голосов
/ 02 мая 2020

Привет, я новичок в React js.

Проблема: на моей странице html есть 2 вкладки. 1-я вкладка показывает данные таблицы. 2-я вкладка предназначена для добавления данных в эту таблицу. Оба вызывают внутренние точки отдыха для этих операций.

Но после отправки формы на второй вкладке, когда я возвращаюсь на первую вкладку, она не вызывает внутреннюю службу отдыха. В основном данные компонент таблицы не меняет данные. Но я хочу, чтобы компонент загружал данные fre sh из API.

Ниже приведен пример кода 

OrgnizationTabs.js 

function OrganizationTabs() {
    const [key, setKey] = useState('listOrganization');
    return (<Tabs
        id="controlled-tab-example"
        activeKey={key}
        onSelect={(k) => setKey(k)}
    >
        <Tab eventKey="listOrganization" title="Registered Organization">
            <OrganizationList />
        </Tab>
        <Tab eventKey="profile" title="Add Organization">
            <OrganizationStepper />
        </Tab>
        <Tab eventKey="contact" title="Update Address" disabled>
        </Tab>
    </Tabs>);
}
export default OrganizationTabs;

Не могли бы вы предложить способ перезагрузки компонента OrganizationList в вышеуказанном компоненте если я перейду на другую вкладку и вернусь снова.

...