Size: a a a

React — русскоговорящее сообщество

2020 October 09

ИЗ

Игорь Завирюха... in React — русскоговорящее сообщество
привет. Такое дело. Есть компонент WithForm, который рендерить childrena и еще дополнительно менюшку. Чилдрен - это форма с полями, меню - это меню, которое открывается при нажатии на кнопку, которая провайдится через контекст WithForm для того, чтобы отрендерить её возле каждого поля. При нажатии на эту кнопку, она передает колбеком в WithForm target и записывает в anchor, чтобы меню знало, где ему отрендерится (возле какого поля). Это все работает, но еще есть один момент. После нажатия на пункт меню (там просто копируется содержимое поля, не суть), оно закрывается и возле поля должна появится иконка с галочкой, типо успешно скопировано. Так вот в чем я застрял - как мне сделать так, чтобы эта иконка с галочкой рендерилась возле нужного поля, а не возле каждого. Эту иконку так же передаю через контекст всем инпутам
источник

ИЗ

Игорь Завирюха... in React — русскоговорящее сообщество
может кто подобное когда-то сотворил
источник

YS

Yaroslav Sh. in React — русскоговорящее сообщество
Victor Rusakovich
для начала - положи картинку в ту же папку где и css и попробуй ее загрузить как url(./img.png)
не в медиа запросах всё работает, задаю bg-image в медиа запросе и вылетает эта ошибка
источник

VR

Victor Rusakovich in React — русскоговорящее сообщество
Игорь Завирюха
привет. Такое дело. Есть компонент WithForm, который рендерить childrena и еще дополнительно менюшку. Чилдрен - это форма с полями, меню - это меню, которое открывается при нажатии на кнопку, которая провайдится через контекст WithForm для того, чтобы отрендерить её возле каждого поля. При нажатии на эту кнопку, она передает колбеком в WithForm target и записывает в anchor, чтобы меню знало, где ему отрендерится (возле какого поля). Это все работает, но еще есть один момент. После нажатия на пункт меню (там просто копируется содержимое поля, не суть), оно закрывается и возле поля должна появится иконка с галочкой, типо успешно скопировано. Так вот в чем я застрял - как мне сделать так, чтобы эта иконка с галочкой рендерилась возле нужного поля, а не возле каждого. Эту иконку так же передаю через контекст всем инпутам
уважение за стол подробное описание, но, без кода понять это трудновато. Сделай пример на codesandbox, пожалуйста
источник

YS

Yaroslav Sh. in React — русскоговорящее сообщество
баг связан с медиа запросом, на ковычки пофиг, работает и в них и без них. а вот в медиа запросе не работает
источник

VR

Victor Rusakovich in React — русскоговорящее сообщество
Yaroslav Sh.
баг связан с медиа запросом, на ковычки пофиг, работает и в них и без них. а вот в медиа запросе не работает
т.е. стиль без медиа запроса компилируется, а при добавлении только @media вокруг появляется эта ошибка?
источник

YS

Yaroslav Sh. in React — русскоговорящее сообщество
Victor Rusakovich
т.е. стиль без медиа запроса компилируется, а при добавлении только @media вокруг появляется эта ошибка?
нет, при добавлении background-image в медиа запросе вылетает ошибка
источник

VR

Victor Rusakovich in React — русскоговорящее сообщество
Yaroslav Sh.
нет, при добавлении background-image в медиа запросе вылетает ошибка
еще раз - ровно такой же стиль, но без медиа вокруг - работает?
источник

YS

Yaroslav Sh. in React — русскоговорящее сообщество
тут он тоже пишет что с url что то не так, а что конкретно не понятно
источник

YS

Yaroslav Sh. in React — русскоговорящее сообщество
Victor Rusakovich
еще раз - ровно такой же стиль, но без медиа вокруг - работает?
стили работают, background-image работает. стили в медиа тоже работают, но без background-image, как только я пишу в медиа background-image вылетает ошибка. так же и сама ошибка светит на url, пологаю что в медиа запросе url как то по другому работает
источник

VR

Victor Rusakovich in React — русскоговорящее сообщество
Yaroslav Sh.
стили работают, background-image работает. стили в медиа тоже работают, но без background-image, как только я пишу в медиа background-image вылетает ошибка. так же и сама ошибка светит на url, пологаю что в медиа запросе url как то по другому работает
источник

ah

andy h in React — русскоговорящее сообщество
@admin Добрый день, разрешено ли здесь постить job opportunities? 😊
источник

YS

Yaroslav Sh. in React — русскоговорящее сообщество
без ответа же, смена файла scss из crlf to lf не помогло.
источник

АК

Андрей Кустов... in React — русскоговорящее сообщество
Victor Rusakovich
получается, что да. Можно, конечно, не всю логику, а только вызов функции, где логика будет. Но это и логично - в одном месте меняешь стейт, в другом - ловишь эти изменения. Изменения стейта специально сделали асинхронной операцией, чтобы реакт мог оптимизировать последовательный вызов изменений стейта. Иначе было бы как в первом ангуляре.
это конечно все круто ), но блин, не могу догнать, как мне функцию handleWindowMouseOrTouchMove засунуть в useEffect
источник

IN

Igor N in React — русскоговорящее сообщество
andy h
@admin Добрый день, разрешено ли здесь постить job opportunities? 😊
я не админ, но нет. читайте описание чата
источник

YS

Yaroslav Sh. in React — русскоговорящее сообщество
Андрей Кустов
это конечно все круто ), но блин, не могу догнать, как мне функцию handleWindowMouseOrTouchMove засунуть в useEffect
useEffect объяви ниже и всё
источник

ah

andy h in React — русскоговорящее сообщество
Igor N
я не админ, но нет. читайте описание чата
благодарю
источник

a

ai in React — русскоговорящее сообщество
Подскажите, плз
Есть объект в state
           this.state = address: {
               city: '',
           },

 <InputText
               type="text"
                value={address.city}
                onChange={this.handleChange}
                           />

   handleChange = (event) => {
       console.log(event.target.value)
       this.setState((state) => ({ ...state, address: { ...state.address, city: event } }));
   }
       console.log(event.target.value) выводит [Object object]
       console.log('adr', address.city) - synthetic Object
В чем тут может быть дело?
источник

YS

Yaroslav Sh. in React — русскоговорящее сообщество
ai
Подскажите, плз
Есть объект в state
           this.state = address: {
               city: '',
           },

 <InputText
               type="text"
                value={address.city}
                onChange={this.handleChange}
                           />

   handleChange = (event) => {
       console.log(event.target.value)
       this.setState((state) => ({ ...state, address: { ...state.address, city: event } }));
   }
       console.log(event.target.value) выводит [Object object]
       console.log('adr', address.city) - synthetic Object
В чем тут может быть дело?
мутируешь state, вместо this.setState
источник

YS

Yaroslav Sh. in React — русскоговорящее сообщество
ai
Подскажите, плз
Есть объект в state
           this.state = address: {
               city: '',
           },

 <InputText
               type="text"
                value={address.city}
                onChange={this.handleChange}
                           />

   handleChange = (event) => {
       console.log(event.target.value)
       this.setState((state) => ({ ...state, address: { ...state.address, city: event } }));
   }
       console.log(event.target.value) выводит [Object object]
       console.log('adr', address.city) - synthetic Object
В чем тут может быть дело?
не верно тебе написал. ты в handleChange в city: event написал, вместо city: event.target.value
источник