Size: a a a

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

2021 January 22

PF

Petr Filippov in React — русскоговорящее сообщество
давай элегантное решение в студию)
источник

NT

Nikita Titov in React — русскоговорящее сообщество
потому что есть boolean  типы
источник

VS

Valentyn Solop in React — русскоговорящее сообщество
Petr Filippov
import React, {Component} from "react";

export default class Header extends Component {
   constructor(props) {
       super(props);
       this.onClick = this.onClick.bind(this);
   }

   state = {
       ariaExpanded: "false"
   }

   onClick = (e) => {
       console.log(e)
       this.setState({
           ariaExpanded: this.state.ariaExpanded == "false" ? "true" : "false",
       });
   }

   render(){
       return (<div aria-expanded={this.state.ariaExpanded} onClick={this.onClick}> test </div>)
   }
}
Сасибо. только как сделать из aria-Expanded   ariaExpanded  ?
источник

NT

Nikita Titov in React — русскоговорящее сообщество
а это глаза аж режет
источник

PF

Petr Filippov in React — русскоговорящее сообщество
Nikita Titov
потому что есть boolean  типы
так там у него стринга
источник

꧁岡

꧁倫太郎 岡部꧂... in React — русскоговорящее сообщество
Petr Filippov
import React, {Component} from "react";

export default class Header extends Component {
   constructor(props) {
       super(props);
       this.onClick = this.onClick.bind(this);
   }

   state = {
       ariaExpanded: "false"
   }

   onClick = (e) => {
       console.log(e)
       this.setState({
           ariaExpanded: this.state.ariaExpanded == "false" ? "true" : "false",
       });
   }

   render(){
       return (<div aria-expanded={this.state.ariaExpanded} onClick={this.onClick}> test </div>)
   }
}
за что ты так со мной...
источник

NT

Nikita Titov in React — русскоговорящее сообщество
Petr Filippov
так там у него стринга
причем тут это??
источник

NT

Nikita Titov in React — русскоговорящее сообщество
он неверно хранит данные
источник

PF

Petr Filippov in React — русскоговорящее сообщество
он конвертирует автоматом стрингу?
источник

NT

Nikita Titov in React — русскоговорящее сообщество
ща сек покажу о чем я
источник

PF

Petr Filippov in React — русскоговорящее сообщество
может он сторонней библиотекой пользуется
источник

NT

Nikita Titov in React — русскоговорящее сообщество
так точно на стоит писать) ща
источник

PF

Petr Filippov in React — русскоговорящее сообщество
да я понял, что ты хочешь использовать оператор НЕ, через восклицательный знак
источник

NT

Nikita Titov in React — русскоговорящее сообщество
ariaExpanded: false
...
if (ariaExpanded === false) {
   ariaExpanded = true;
}

...

и только потом мы юзаем наши адекватно хранящиеся данные в компоненте
...

<button
 aria-expanded={ariaExpanded ? 'true' : 'false'}
/>
источник

NT

Nikita Titov in React — русскоговорящее сообщество
хотя бы так что ли, но изначально делать дичь - это слишком
источник

PF

Petr Filippov in React — русскоговорящее сообщество
а какой плюс появляется?
источник

NT

Nikita Titov in React — русскоговорящее сообщество
давайте блин NaN хранить как 'NaN' еще)
или массив как строку держать будем
источник

PF

Petr Filippov in React — русскоговорящее сообщество
Nikita Titov
давайте блин NaN хранить как 'NaN' еще)
или массив как строку держать будем
источник

PF

Petr Filippov in React — русскоговорящее сообщество
ты имеешь в виду это?
источник

NT

Nikita Titov in React — русскоговорящее сообщество
про оптимизацию забудь сейчас, я тебе говорю о том, что нужно ползоваться верными типами в нужной ситуации
это настолько очевидно, что я не могу объяснить
источник