Size: a a a

2020 March 26

К

Камран in React Kyiv
Камран
Почитал, все равно мне немного не ясно..
Если не сложно, объясните пожалуйста на моём примере

Мой пример, это когда есть форма, инпуты которого должны заполниться по дефолту из обьекта который приходит с сервера, но дальше, мне нужно как-то дать возможность менять значения в этих инпутах, поэтому я скопировал всё в хук и уже меняю значения в нём.
Но они почему-то не все реагируют на изменения. Например чекбоксы
очень жду ответ по этому вопросу. Помогите плиз(

let LoyaltyEditPage = ({initialValues, handleSubmit}) => {
   const [values, setValues] = useState(initialValues)

const handler = (e) => {
 const {name, value} = e.target;
 setValues({...values, [name]: value})
 }
console.log(values)
return (
    <div className="row">
       <form className="content" onChange={handler}>
         <LoyaltyCardDetails initialValues={values} />
         <LoyaltyCardEdit initialValues={values} childrensHandler={childrensHandler}/>
        </form>
    </div>
}

initialValues приходит мне из редакса,они нужны чтобы можно было заполнить поля дефолтными значениями.
values хук я делаю для того чтобы знать об изменениях в этих инпутах и создавать новый обьект с этими изменениями.

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

Обьясните плиз почему,благодарен за ваши труды!
источник
2020 March 27

VK

Victor Korotkiy in React Kyiv
Всем привет, после команды npm install gh-pages --save-dev  проект запускает но пустой,  подскажите куда копать, ошибок не выдает (
источник

AC

Andrew Crow in React Kyiv
а какой результат ожидается?
источник

SG

Stas G in React Kyiv
эта команда вообще не должна ничего запускать :D
источник

LK

Leonid Kuznetsov in React Kyiv
Victor Korotkiy
Всем привет, после команды npm install gh-pages --save-dev  проект запускает но пустой,  подскажите куда копать, ошибок не выдает (
эта команда лишь устанавливает пакет gh-pages если такой существует
источник

RS

Rostyslav Siliveistr in React Kyiv
Эх, не успел заскринить...
источник

SG

Stas G in React Kyiv
¯\_(ツ)_/¯
источник

АШ

Алексей Шептура 🚀 in React Kyiv
Привет всем такой вопрос
допустим есть три последовательных  екрана
что бы вывести инфу на третьем мне надо собрать её из первых двух,
так вот я сейчас редактирую третий экран, как мне соранить стейт что бы при перезагрузке мне не приходилось проходить первый и второй екраны а сразу грузить третий
источник

SS

Serhey Shmyg in React Kyiv
redux persist
источник

a

aaa in React Kyiv
localStorage ?
источник

АШ

Алексей Шептура 🚀 in React Kyiv
aaa
localStorage ?
я просто ну совсем считаю себя нубом можешь подробнее подсказать что предлагаешь
слить стейт с локалсторейдж а потом загружать его оттуда?
источник

a

aaa in React Kyiv
ага
источник

АШ

Алексей Шептура 🚀 in React Kyiv
тогда вопрос на каком этапе правльно это сделать и как?)
источник

АШ

Алексей Шептура 🚀 in React Kyiv
👀
источник

АШ

Алексей Шептура 🚀 in React Kyiv
в одну из загрузок страницы слить стейт сторейдж
а потом тянуть его оттуда все время?
костыль костыльны но все ж, так ли?
источник

a

aaa in React Kyiv
я бы сделал так, во 2м окне при unmount этого компонента сетал бы стейт в локалсторадж
источник

a

aaa in React Kyiv
Алексей Шептура 🚀
в одну из загрузок страницы слить стейт сторейдж
а потом тянуть его оттуда все время?
костыль костыльны но все ж, так ли?
ну можно заюзать контекст
источник

a

aaa in React Kyiv
и в нем хранить все данные
источник

SM

Serhii Minin in React Kyiv
Привет. Делаю файл uploader с drag’n’drop. Кто работал с react-dnd, подскажите, про хук useDrop. Он принимает метод canDrop в который первым аргументом приходил файл, который перетягиваешь. Но проблема в том, что этот аргумент сейчас приходит только на onMouseUp Мне нужно проверить mime type файла перед тем, как пользователь отпустит мышь
источник

SM

Serhii Minin in React Kyiv
Верхние вызовы - это когда просто ведешь над дроп зоной, а последний - когда отпустил кнопку мыши
источник