A
Paul
а мне нужно каждый раз проверять условие
Так не бань кнопку
Size: a a a
2020 August 29
R
приветствую коллеги, поделитесь кто какой datePicker использует чтобы валидация тоже работала!
R
Есть Child компонент данные которого инициализируются с помощью useState , в useState в свою очередь данные должны попасть из fetch сервиса с бэка! Проблема в том что данные не успевают загружаться в useState и компонент не показывает данные, подскажите если кто знает
DB
Есть Child компонент данные которого инициализируются с помощью useState , в useState в свою очередь данные должны попасть из fetch сервиса с бэка! Проблема в том что данные не успевают загружаться в useState и компонент не показывает данные, подскажите если кто знает
Так не показывайте компонент, пока данные не пришли
R
Denis Barvitskiy
Так не показывайте компонент, пока данные не пришли
{data && <view/>} так?
DB
{data && <view/>} так?
Да, как вариант
R
Denis Barvitskiy
Да, как вариант
спасибо это бы работало если бы не было промежуточного useState который берет данные из useEffect
R
Есть Child компонент данные которого инициализируются с помощью useState , в useState в свою очередь данные должны попасть из fetch сервиса с бэка! Проблема в том что данные не успевают загружаться в useState и компонент не показывает данные, подскажите если кто знает
сделал через reducer в dispatch отправляю callback navigate
DB
спасибо это бы работало если бы не было промежуточного useState который берет данные из useEffect
Какую роль несёт "промежуточный" useState?
R
Переслано от Ramazan
const[application,setApplication] = useState('');
useEffect(() => {
applicationService.applicationGet(applicationNumber, id).then(x => {
setApplication(x);
})
}, []);
const [information] = useState([
{ title: 'Номер договора', detail: application.contractNumber },
{ title: 'Дата договора', detail: application.contractDate },
{ title: 'Станция формирования', detail: application.stationName },
{ title: 'Дата оказания услуг', detail: application.serviceDate },
{ title: 'Дата начало', detail: application.serviceStartDate },
{ title: 'Дата окончания', detail: application.serviceEndDate },
{ title: 'Номер поезда', detail: application.trainNumber },
{ title: 'Начальник поезда', detail: application.trainChiefName }
]);R
Переслано от Ramazan
<View style={{ paddingHorizontal: 20 }}>
{information.map((item, index) => {
return (
<View
style={[
styles.lineInformation,
{ borderBottomColor: colors.border },
]}
key={'information' + index}>
<Text body2 grayColor>
{item.title}
</Text>
<Text body2 semibold accentColor>
{item.detail}
</Text>
</View>
);
})}
</View> пустоR
const [information] - промежуточный useState
R
вообщем я так понял нельзя инициализировать useState который зависит от данных другого useState
DB
вообщем я так понял нельзя инициализировать useState который зависит от данных другого useState
Ну так сделайте отдельный флаг loading на false, и меняйте его на true когда все данные пришли и приложение готово показать компонент
R
Denis Barvitskiy
Ну так сделайте отдельный флаг loading на false, и меняйте его на true когда все данные пришли и приложение готово показать компонент
Так проблема в том что view уже инициализировало данные из промежуточного useState , у которого данные ещё не загрузились с другого useState
R
То есть нету watcher ов которые бы отслеживали цепочку изменений
R
Можно отслеживать view-> useState
R
Но никак не view->usestate->usestate
DB
У вас входящие данные полностью заменяют "промежуточный"?
R
Denis Barvitskiy
У вас входящие данные полностью заменяют "промежуточный"?
нет