Подскажите, тут используют react-select. Необходимо показывать дефолтное значение, которые приходит с бека. Пытался через value проп, ничего
value={{value: “”, name: “”}}
Igor
Igor
точный формат объекта не помню, так же есть пропс defaultValue
Alexander
Не могу законектить редакс к реакту,
Оба по одельности работают, а вот connect не отрабатывает
Запускать пробую в сторибуке.
Стор внешний по отношению к реакту.
Реакт в объектном стиле.
События в стор идут.
Доходят ли они до реакта не понятно.
Ошибок никто не сыпет, просто тихо не работает
Alexander
Можно ли обойтись без реакт-редакс и связать руками?
Или увидеть ошибку коннектора в явном виде?
Archakov
При написании тестов для redux (actions, reducers), вы создаете отдельную папку tests, куда помещаете файлы типа usersActions.test.js и т.п.? Или рядом с каждым actions/reducer лежит filename.test.js ?
Alexander
Пока все набросано в одном файле без тестов. Как писать тесты понятно, но сейчас не в них дело. А надо понять где ошибка. Возможно с иммутабильностью чтото связано.
Alexander
Законектил вывод текстовых сообщений. Часть из них теряется и не доходит до реакта или по крайней мере не показываются
Ivan
Всем привет. Ребята, у нас проект на create-react-app, на котором никогда не производили eject. И сейчас на проде можно забраться прямо в исходники через дев-тулзы, если просто – там просто не настроена минификация для вебпака. Но и доступа к нему нет. Особыъ решений не рассматривал, но подсказывают, что некоторые настройки можно переопределить и соответственно настроить правильную компиляцию исходников.
Покидайте ссылок, если есть плиз. И тегов, что погуглить
Минификация там настроена. Просто sourcemap’ы нужно выключить.
Егор
Ivan
всё, дошло. спасибо
https://create-react-app.dev/docs/advanced-configuration
GENERATE_SOURCEMAP
Alexander
Как конектор определяет что надо обновить реакт?
Alexander
его можно увидеть из реакта?
Alexander
могу, но код страшный. Прошу тапками не кидаться 😊
Anonymous
Всем привет. А можно попросить ревью моего первого проекта от знатоков? https://github.com/alistkov/bored_app
Zak
alexalexalex
Roman
Zak
а чем react color не подходит?
Тем что самый подходящий компонент HuePicker не имеет свойства colors, куда могу прокинуть свои цвета
Roman
Тем что самый подходящий компонент HuePicker не имеет свойства colors, куда могу прокинуть свои цвета
можешь попробовать кастомный сделать http://casesandberg.github.io/react-color/#create
но обычно туда во всех либах туда всю палитру загоняют, не ограничивая в выборе
Anonymous
Ребят, кто нибудь, помогите пожалуйста, в лс
Ula
Вопрос по хукам
в соседнем чате спорят что лучше
const handleOnChange = (evt) => {
const field = evt.target.dataset.field
const value = evt.target.value
setState(state => ({...state, [field]: value}) - один стейт как объект и одна функция для его изменения или разные функции для разных значений стейта?
Речь идет о формах с несколькими полями. Я только начал изучать хуки и не пойму как правильно
Ula
Ula
Igor
можно закладываться не на дата атрибут а на name атрибут, ты это не учел от меня
Ula
можно закладываться не на дата атрибут а на name атрибут, ты это не учел от меня
Да, скопировал то сообщение, которое было полнее, чтобы не перепечатывать
Dmitry
Посоны react dnd не работает на телефонах?
Dmitry
https://github.com/Neilos/react-dnd-html5-with-touch-backend
Нашёл такое. Юзал кто?
Andrey
https://github.com/Neilos/react-dnd-html5-with-touch-backend
Нашёл такое. Юзал кто?
а нафиг вообще днд на телефоне?
Ula
а на что менять this.props.actionName() в сабмите, например, если использовать хуки?
Daniil
чтобы посмотреть зачем useCallback/useMemo не нужен рабочий проект.
Daniil
а на что менять this.props.actionName() в сабмите, например, если использовать хуки?
Не вижу в примере данного пропса, если речь про ссылку для сабмита формы, то и так можно оставить
Ula
Daniil
пропс это грубо говоря аргумент, у тебя функция, твой пропс для нее и есть аргумент, ты можешь его деструктуризировать до const ReactComponent = ({ actionName )} => ( ... )
Ula
Daniil
не понятно. попробую утром перечитать
Ula
чтобы посмотреть зачем useCallback/useMemo не нужен рабочий проект.
только разобрался с useState, там хоть примеры были, сейчас читаю про useCallback/useMemo и не понимаю зачем они вообще и чем они лучше в моем случае?
Daniil
они для разаных целей, сейчас у тебя на каждый рендер будет плодиться функция которая занимает ячейку памяти
Ula
они для разаных целей, сейчас у тебя на каждый рендер будет плодиться функция которая занимает ячейку памяти
а про спор который я писал, лучше делать как я сделал в примере? или как тут?
Ula
Вопрос по хукам
в соседнем чате спорят что лучше
const handleOnChange = (evt) => {
const field = evt.target.dataset.field
const value = evt.target.value
setState(state => ({...state, [field]: value}) - один стейт как объект и одна функция для его изменения или разные функции для разных значений стейта?
Речь идет о формах с несколькими полями. Я только начал изучать хуки и не пойму как правильно
Daniil
Как тебе угодно, хуки не диктуют, чтобы ты делал только так, они тебе предлагают свое апи и свой вариант решения.
P
Подскажите, стоит ли подключать в проект redux-forms? Какие минусы у этой либы? Проект - админка для блога
Ula
Daniil
https://ru.reactjs.org/docs/hooks-faq.html почитай faq, я думаю ты найдешь ответы на некоторые свои вопросы
Ula
Ula
https://ru.reactjs.org/docs/hooks-faq.html почитай faq, я думаю ты найдешь ответы на некоторые свои вопросы
почитал. не все понятно, поэтому и пришел с вопросами. не понимаю когда примеры в документации максимально отдалены от жизни
Daniil
Daniil
конкретно в твоем случае useCallback может пригодится для вычислений нового стейта при onChange.
Daniil
Если тебе доки мало, то погугли просто про использование хуков, я думаю статьей достаточно на том же медиуме
Bogdan
Alexiagray
привет всем
реально ли с помощью react native собрать ipa файл на винде?
или обязательно нужно xcode ?
Alexiagray
просто для онлайн тестов юзал раньше мак а на телефоне экспо
но я не помню компилился он через xcode изначально или нет
эмулятор не нужен нужно просто получить либо ipa файл либо как в ехпо было через приложение
Daniil
привет всем
реально ли с помощью react native собрать ipa файл на винде?
или обязательно нужно xcode ?
@reactnative_ru по рн лучше сюда
Alexiagray
меня там кикнули за чето давно очень))
Alexiagray
ток щас узнал что реакт юзает rxjs
Alexiagray
под expo-cli
Alexiagray
мод под обычным его и нет)
Alexiagray
ля как на экспо привязать либу ...
Alexiagray
у меня в мануале тут только под xcode
iOS
In XCode, in the project navigator, right click Libraries → Add Files to [your project’s name]
Go to node_modules → react-native-akamaibmp → ios and add RNAkamaibmp.xcodeproj
In XCode, in the project navigator, select your project. Add libRNAkamaibmp.a to your project’s Build Phases → Link Binary With Libraries
Run your project (Cmd+R)
так лень ставить macos
Andrey
Он вернулся)
Nikita
Alexiagray
есть объект в котором есть
kernel: "(function(a){......}'
как мне вызвать из под реакта на нажатие кнопки вызов функции?
Alexiagray
eval?
Alexiagray
const fetchFN = async () => {
const response = await fetch("http://example.com/movies.json");
const myJson = await response.json();
console.log(JSON.stringify(myJson));
return myJson;
};
const Page = () => {
try {
fetchFN()
.then(scriptData => {
console.log(scriptData);
return scriptData;
})
.catch(reject => {
console.log(reject);
return reject;
});
} catch (err) {
console.log("catch: " + err);
}
};
вовзращает TypeError какого то черта
Alexiagray
в чём трабла
Denis
в чём трабла
какой из 3х consol.log у вас отрабатывает ? данные функция возвращает ? после await response.json();
Denis
если нет, то наверняка возвращаемые данные не в формате json. попробуйте прогнать ваш json, через валидатор. если json валидный - возможно дело в контент тайпе ответа сервера и тогда попробуйте
const myText = await response.text();
const myJson = JSON.parse(myText);
倫太郎
const fetchFN = async () => {
const response = await fetch("http://example.com/movies.json");
const myJson = await response.json();
console.log(JSON.stringify(myJson));
return myJson;
};
const Page = () => {
try {
fetchFN()
.then(scriptData => {
console.log(scriptData);
return scriptData;
})
.catch(reject => {
console.log(reject);
return reject;
});
} catch (err) {
console.log("catch: " + err);
}
};
вовзращает TypeError какого то черта
gist.github.com
Для чего тебе try/catch если он не используется?
Oleg
для работы с инпутами желателен useCallback
в плане? любую функцию в useCallback? любой onChange?
Daniil
в плане? любую функцию в useCallback? любой onChange?
Твой ф реакт компонент один большой рендер. Если после on change у тебя идёт изменение стейта или иного действия, что влияет на ререндер, то желательно.
Daniil
Но тут от кейса зависит конечно
Oleg
Твой ф реакт компонент один большой рендер. Если после on change у тебя идёт изменение стейта или иного действия, что влияет на ререндер, то желательно.
ну просто я их брал на всякие бедоунсы. то есть, все функции оборачивать, чтоб не создавалась новая? это на производительность хорошо повлияет?
Daniil
ну просто я их брал на всякие бедоунсы. то есть, все функции оборачивать, чтоб не создавалась новая? это на производительность хорошо повлияет?
Я и не говорил все. Это желательно проверять все же. Тк мемоизирование может быть и излишним
Dmitry
для работы с инпутами желателен useCallback
А толк? Всеровно будет полный цикл апдейта. Там же нет проверки на равенство ключей пропов. А только пропсрв как объекта
Daniil
А толк? Всеровно будет полный цикл апдейта. Там же нет проверки на равенство ключей пропов. А только пропсрв как объекта
как объекта? Ты же передаешь массив зависимостей
Eugene
подскажите, у меня Edge не поддерживает приложение React:
We don't support this version of your browser
You are visiting this page because we detected an unsupported browser. Your browser does not support our application. We highly recommend that you update your browser.