Size: a a a

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

2021 January 19

w

whyamsx in React — русскоговорящее сообщество
Вместо style напиши className
источник

w

whyamsx in React — русскоговорящее сообщество
<div className={styles}>
    <p>
        Здесь что то еще и тд
     </p>
 </div>
источник

GM

Gevorg Martirosyan in React — русскоговорящее сообщество
whyamsx
<div className={styles}>
    <p>
        Здесь что то еще и тд
     </p>
 </div>
Это разве не будет задан клас?
источник

GM

Gevorg Martirosyan in React — русскоговорящее сообщество
Maxim Koylo
Там надо использовать как className={styles.button}
Обязательно буду попробовать, спасибо
источник

w

whyamsx in React — русскоговорящее сообщество
Будет, так и нужно
А что должно быть вместо класса?
источник

MK

Maxim Koylo in React — русскоговорящее сообщество
Gevorg Martirosyan
Это разве не будет задан клас?
Выведи styles в консоль и все поймешь
источник

GM

Gevorg Martirosyan in React — русскоговорящее сообщество
whyamsx
Будет, так и нужно
А что должно быть вместо класса?
Ну например btn / wrapper или любое слово что я хочу ... а по моему твой метод задаёт имя класса ... или я что то не понимаю?
источник

GM

Gevorg Martirosyan in React — русскоговорящее сообщество
Maxim Koylo
Выведи styles в консоль и все поймешь
Спасибо, щас буду пробовать
источник

АН

Андрей Негруша... in React — русскоговорящее сообщество
Всем привет, подскажите пж, а у формика под капотом есть метод, который может навести на него фокус?
Или нужно вешать реф на инпут и делать это в жизненном цикле компоненты?
источник

MK

Maxim Koylo in React — русскоговорящее сообщество
Андрей Негруша
Всем привет, подскажите пж, а у формика под капотом есть метод, который может навести на него фокус?
Или нужно вешать реф на инпут и делать это в жизненном цикле компоненты?
Формик лишь управляет состоянием, так что да нету
источник

GM

Gevorg Martirosyan in React — русскоговорящее сообщество
whyamsx
Будет, так и нужно
А что должно быть вместо класса?
смотри у меня есть например 2 элемента
<div className='red'>
    <p className='green'>
         text
    </p>
</div>

и у меня есть стили
.red{background: red}
.green{background: green
            color:white}

эти стили находится в модульном css файле

и наверху я их импортипую import styles from '.......'

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

ДН

Дмитрий Николаев... in React — русскоговорящее сообщество
объясните пожалуйста, как это работает. почему
!isOpen[index]

отдает
true

?
источник

MK

Maxim Koylo in React — русскоговорящее сообщество
Gevorg Martirosyan
смотри у меня есть например 2 элемента
<div className='red'>
    <p className='green'>
         text
    </p>
</div>

и у меня есть стили
.red{background: red}
.green{background: green
            color:white}

эти стили находится в модульном css файле

и наверху я их импортипую import styles from '.......'

и вот мне интересно, этот styles где использовать чтобы все работал ... поключися стили
<div className={styles.red}
источник

w

whyamsx in React — русскоговорящее сообщество
Gevorg Martirosyan
смотри у меня есть например 2 элемента
<div className='red'>
    <p className='green'>
         text
    </p>
</div>

и у меня есть стили
.red{background: red}
.green{background: green
            color:white}

эти стили находится в модульном css файле

и наверху я их импортипую import styles from '.......'

и вот мне интересно, этот styles где использовать чтобы все работал ... поключися стили
<div className={styles.red}>
    <p className={styles.green}>
         text
    </p>
</div>
источник

w

whyamsx in React — русскоговорящее сообщество
фигурные скобки главное не забудь вместо кавычек
источник

GM

Gevorg Martirosyan in React — русскоговорящее сообщество
whyamsx
фигурные скобки главное не забудь вместо кавычек
понял ... бегу уже .... огромное спасибо
источник

GM

Gevorg Martirosyan in React — русскоговорящее сообщество
Maxim Koylo
<div className={styles.red}
понял ... бегу уже .... огромное спасибо
источник

MK

Maxim Koylo in React — русскоговорящее сообщество
Дмитрий Николаев
объясните пожалуйста, как это работает. почему
!isOpen[index]

отдает
true

?
Потому что !undefined
источник

VB

Volodymyr Borysov in React — русскоговорящее сообщество
Дмитрий Николаев
объясните пожалуйста, как это работает. почему
!isOpen[index]

отдает
true

?
наверно потому что isOpen[index] возвращает undefined.
А вообще страный код. Выглядит не очень
источник

w

whyamsx in React — русскоговорящее сообщество
тем более в консоль ты выводишь index который на входе в функцию принимается
источник