Size: a a a

2020 March 12

AO

Agnislav Onufriichuk in React Kyiv
и где выгоднее? :)
источник

IN

Ira Novikova in React Kyiv
источник

KY

Kyrylo Yakovenko • 𝟰𝟮𝟬🦄 engineer in React Kyiv
Anton Bavykin
я не знаю, я вообще emberjs нас на все снг 253  в чатике 😉
каком? с приставкой _ру?
источник

AB

Anton Bavykin in React Kyiv
не
источник

AB

Anton Bavykin in React Kyiv
источник

AB

Anton Bavykin in React Kyiv
вот такой
источник

AB

Anton Bavykin in React Kyiv
Kyrylo Yakovenko • 𝟰𝟮𝟬🦄 engineer
каком? с приставкой _ру?
ну теперь 254 😉
источник

АШ

Алексей Шептура 🚀 in React Kyiv
Приветы

У меня есть 2 группы radio
условно

type="radio" value="Adult" name="age"
type="radio" value="Child" name="age"

и

type="radio" value="Full" name="price"
type="radio" value="Child" name="price"
type="radio" value="Free" name="price"


и допустим в  price сейчас выбран Free
происходит событие в age выбирают Adult
ВНИМАНИЕ ВОПРОС
как мне програмно price изменить на Full
источник

KY

Kyrylo Yakovenko • 𝟰𝟮𝟬🦄 engineer in React Kyiv
Ну ваще так:
document.querySelector('input[name=Full]').checked = true

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

АШ

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

АШ

Алексей Шептура 🚀 in React Kyiv
Kyrylo Yakovenko • 𝟰𝟮𝟬🦄 engineer
Ну ваще так:
document.querySelector('input[name=Full]').checked = true

Но в реакте так не делают. ТЕбе нужно просто изменять стейт, и на его основе выводить радио
Образно, так?

{price} = this.state;
<input type="radio" value="Full" name="price" onChange={this.handleClickPrice('Full')}   checked={price === 'Full' ? 'checked' : ''} />
источник

KY

Kyrylo Yakovenko • 𝟰𝟮𝟬🦄 engineer in React Kyiv
очень образно, но да :)
источник

АШ

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

АШ

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

АШ

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

М

Марина in React Kyiv
Всем привет! Ребята подскажите, прописала update in componentDidMount все работает, но постоянно тригает консоль-это нормально?!
источник

SG

Stas G in React Kyiv
Непонятно, о чем речь. покажи код?
источник

K

Katerina in React Kyiv
Марина
Всем привет! Ребята подскажите, прописала update in componentDidMount все работает, но постоянно тригает консоль-это нормально?!
а что именно ты апдейтишь в componentDidMount ? может, ты зациклила какую-то логику
источник

М

Марина in React Kyiv
class ChatsContainer extends PureComponent {
 constructor(props) {
   super(props)
   this.state = {
     refreshing: false,
     vets: [],
     user: this.props.auth,
     presenceRef: firebasefirebase.database().ref('presence/vets')
   }
 }
 componentDidMount() {
   this.fetchData()
 }
 componentDidUpdate(prevState, prevProps) {
   if (this.state.vets !== prevState.vets
     && this.props.vets.vets !== prevProps.vets.vets
   ) {
     this.updateStatus()
   }
 }
 componentWillUnmount() {
   this.removeListeners()
 }
 removeListeners = () => {
   this.state.presenceRef.off()
 }
 fetchData = () => {
   const idP = this.props.navigation.state.params.data.id
   const userID = this.props.auth.currentUserUid
   const { getLastMessageForPet, toggleAddStatus } = this.props
   const vetsKey = this.props.vets.vetsId
   getLastMessageForPet(vetsKey, idP, () => this.addStatusToUser(vetsKey))
   this.setState({vets: this.props.vets.vets})
   toggleAddStatus(idP, false, userID)
   this.updateStatus()
 }
 updateStatus = () => {
   this.state.presenceRef.on('child_added', snap => {
     consoleconsole.log(snap.key, 'snap.key')
     this.addStatusToUser(snap.key)
   })
   this.state.presenceRef.on('child_removed', snap => {
     this.addStatusToUser(snap.key, false)
   })
 }
 addStatusToUser = (userId, connected = true) => {
   const upDateUsers = this.state.vets.reduce((acc, user) => {
     if (user.id === userId) {
       user['status'] = ${connected ? 'online' : 'offline'}
     }
     return acc.concat(user)
   }, [])
   this.setState({vets: upDateUsers})
 }

 refreshingStarted = () => {
   this.setState({refreshing: true})
   this.fetchData()
   this.setState({refreshing: false})
 }...
источник

М

Марина in React Kyiv
Загружаю список, проверяю онлайн/офлайн, онлайн или офлайн отображается, но когда перехожу на другой скрин и обратно не обновляются данные онлайн/офлайн
источник