Artem
Artem
Artem
Artem
некоторые говорят что экспорт не так надо
а вот так:
export default connect(
mapStateToProps,
{
follow,
unFollow,
setUsers,
setCurrentPage,
setTotalUsersCount,
fetchLoaderToggler
}
)(UsersAPI);
Anonymous
GrafMine
привет, подскажите пожалуйста есть ли на reactjs нечто подобное как на на нейтиве SecureStore ?
Anonymous
Шта?
Igor
забей, я подразумевал что он рендерит не контейнер куда коннект прикрутил а непосредственно сам message
Anonymous
Всем привет. Кто пробовал работать через webpack-dev-server с куками и при включенном HMR? может ли webpack-dev-server и HMR аффектить куки?
Anonymous
Artem
все равно undef
и в пропсах нет нужных функций
Rauf
Всем привет подскажите пожалуйста как правильно разделить дату который приходит с сервера на два массива и не попать в бесконечний цикл.Уже два дня вожусь 😫
Artem
почему то не передаются пропсы через конект, что ж не так
Rauf
https://codesandbox.io/s/vibrant-snowflake-5slq7
Rauf
да пробовал но попадаю в бесконечный цикл внутри useEffect почти всегда
Artem
ты не передал на message пропсы
а в пропсах передавать так ?
SendMessageClick = { SendMessageClick} и так далее?
Artem
или черед спред оператор сразу копировать все?
Rauf
как альтернатива componentWillUnmount ?
Igor
если тебе важны проптайпсы то ты можешь унаследовать контейнеру от Message, делается это след образом
MessageWrapper.propTypes = Message.propTypes,
аналогично и с defaultProps
Rauf
спасибо что постаралсья хотя бы помоч но я без понятие что именно ты говоришь
Artem
Artem
все равно в Message props не приходят эти что в конект передал
Igor
покажи рендер message
Igor
где ты вообще импортишь этот компонент в рендер, ты точно контейнер рендеришь?
Artem
где ты вообще импортишь этот компонент в рендер, ты точно контейнер рендеришь?
https://github.com/ArtemFedorchuk/R_E_A_C_T.git
Artem
сейчас пушну новые изменения
Igor
Igor
import Message from “./Message/MessageContainer”
тебя интересует контейнер, который ты приконнектил к стору
PH_cheerokee
useEffect(() => {
setRecipes(skip, load);
setSkip(skip + load);
window.onscroll = () => {
if (
!isLoading &&
document.documentElement.scrollHeight - 1250 < document.documentElement.scrollTop &&
count < 2
) {
setCount(count + 1);
setRecipes(skip, load);
setSkip(skip + load);
isLoading = false;
}
};
return () => {
window.onscroll = null;
};
}, []);
подскажите как правильно написать)
нужно что при componentDidMount один раз выполнилось
setRecipes(skip, load);
setSkip(skip + load);
а все остальные разы только при скролле если условие true
Alisher
Гайз, Как отправить prop с functional component в классовый пэрент?
Igor
Гайз, Как отправить prop с functional component в классовый пэрент?
передать по пропсам? Не понял вопроса вообще, покажи код
Artem
Eugene
засунь его в трек массив
Igor
спасибо, теперь буду знать что нужно проэспортить контейнер!
главное разобраться почему именно так)
Alisher
передать по пропсам? Не понял вопроса вообще, покажи код
export default () => {
const progress = snapProgress(
gestureProgress,
state,
isBack,
snapPoint(
gestureProgress,
divide(
multiply(-1, velocityX),
cond(isBack, maxDist, multiply(maxDist, 0.4))
),
[0, 1]
)
);
return (
<View style={styles.container}>
<Weave sideWidth={sWidth} {...{ centerY, horRadius, vertRadius }} />
</View>
);
};
class App extends Component {
return (
<View style={styles.container}>
<LiquidSwipe />
</View>
);
}
}
Alisher
Нужно отправить прогресс c функицонального компонента LiquidSwipe в классовый App
Igor
они находятся в одном файле? Создать переменную выше этих компонентов и мутировать ее, но это плохая практика
Alisher
BARSOOQUE
Нужно отправить прогресс c функицонального компонента LiquidSwipe в классовый App
Так сделай его классовым и подруби редакс
Igor
твой прогресс это в LiquidSwipe? Сделай новый пропс onProgress
BARSOOQUE
Ну или так
Alisher
твой прогресс это в LiquidSwipe? Сделай новый пропс onProgress
А как его сделать и получить в пэренте?)
Igor
у родителя будет <LiquidSwipe onPropgress={(progress) => update(progress)} />
Igor
у функционального нужно вызывать props.onProgress(progress)
Alisher
Спасибо большое!!!
Igor
если тебе саму переменную надо, то можно по useEffect дергать пропс для передачи пэренту
Igor
соответственно сам progress хранить в стейте
Alisher
А можешь пример плиз с useEffect?
Igor
ну от чего у тебя обновляется прогресс?
Igor
есть же завязка на какие то значения, на простом примере подскажу, допустим у тебя есть координаты x,y
Тебе надо передать данные если изменилось значение хотя бы в одной координате
Igor
Ты пишешь
useEffect(() => props.update(x, y), [x, y])
Alisher
Ты пишешь
useEffect(() => props.update(x, y), [x, y])
В точности то что нужно, ты золотой
Igor
где [x, y] - deps по которым вызывается колбэк, где вызывается пропс для обновления, а колбэк вызывается в том случае, если хотя бы одно из значений в переменной, которые в массиве, изменились
Alisher
где [x, y] - deps по которым вызывается колбэк, где вызывается пропс для обновления, а колбэк вызывается в том случае, если хотя бы одно из значений в переменной, которые в массиве, изменились
А такие частые коллбеки (свайпы) в моем случае не будут влиять на перфоманс?
Igor
а есть другой выбор?)
Igor
можно использовать редакс, но это тоже частое обновление, ты можешь еще на обновление по пропсам обернуть в throttle
Igor
throttle, либо debounce, в интернете много есть примеров их реализаций
Igor
react-native?
Igor
ну тогда это о многом говорит) С нейтивом не работал, видимо есть другие решения
Igor
сотни обновлений за какой промежуток? Если например 100 обновлений за 5 секунд то реально посмотри в сторону throttle/debounce
Alisher
ну тогда это о многом говорит) С нейтивом не работал, видимо есть другие решения
К сожалению, решение будет идентичным. JS то не отличается
Igor
если тебе нужна плавность, к примеру, боюсь стейт тут не совсем подойдет, который перерисовывает весь компонент
Alisher
если тебе нужна плавность, к примеру, боюсь стейт тут не совсем подойдет, который перерисовывает весь компонент
Решил в этом функциональном компоненте сделать вьюшку, в которую хочу передать значение.
PH_cheerokee
как сделать редирект на страницу при получении респонса от запроса?
создал айтем,нужно перейти на его страницу по его айди
Vladislav
history.push, сколько можно