Size: a a a

React: русскоязычное сообщество

2021 February 15

ВА

Верди Атибайеба... in React: русскоязычное сообщество
dron
ну тогда нужно парсить html
https://github.com/TroyAlford/react-jsx-parser
отличная либа. подошла прям как надо.
источник

cd

cyber doge in React: русскоязычное сообщество
Привет, подскажите плз тяжело будет интегрировать в реакт проект натив? И кто-нибудь пробывал реакт натив с электороном миксовать?
источник

М

Максим in React: русскоязычное сообщество
источник

cb

callpack bsm in React: русскоязычное сообщество
Обработчик для слайдера, задумка в том, что если есть смещение по ОХ тогда не нужно открывать картину (просто свапать слайд), а если нет смещения, значит открывать картинку. Все начинает работать только после второго клика
источник

cb

callpack bsm in React: русскоязычное сообщество
не пойму в чем проблема
источник

cb

callpack bsm in React: русскоязычное сообщество
источник

cb

callpack bsm in React: русскоязычное сообщество
источник

cb

callpack bsm in React: русскоязычное сообщество
Вот эти внутренние обработчики включаются только после второго клика
источник
2021 February 16

cb

callpack bsm in React: русскоязычное сообщество
Мб кому нибдь понадобиться, решил двумя отдельными обработчиками
источник

ВД

Вячеслав Додонов... in React: русскоязычное сообщество
Кто-нибудь пользовался менторскими сервисами?
источник

ВД

Вячеслав Додонов... in React: русскоязычное сообщество
Очень нужно узнать про них
источник

Р

Роман in React: русскоязычное сообщество
Всем привет, я только начинаю изучать реакт и еще много чего незнаю. Вопрос, как передать выбранные чекбоксы на следующий этап формы? значение чекбокса получаю, выбран он или нет. Мне нужно отправить только выбранные элементы
источник

H ᵘ ʜ ᵘ in React: русскоязычное сообщество
Роман
Всем привет, я только начинаю изучать реакт и еще много чего незнаю. Вопрос, как передать выбранные чекбоксы на следующий этап формы? значение чекбокса получаю, выбран он или нет. Мне нужно отправить только выбранные элементы
в стейте хранить? ну или коллбэки из родителя (формы) передавать в «этапы», получать инфу из каждого и там уже строить следующие этапы
источник

Р

Роман in React: русскоязычное сообщество
есть такой код -
import React, { useState } from "react";
import Container from '@material-ui/core/Container';
import mas_reg from './mas_reg.css';
import 'bootstrap/dist/css/bootstrap.min.css';
import { Map_spec } from './Map_spec';

export const Specialization = ({ formData, setForm, navigation}) => {

 const [form, setFormValue] = useState({
   name: '',
   weight: '',
   height: '',
   food: '',
   Косметология: false,
   Брови: true,
 });
 
 const handleChange = (e) => {
   const {name, value, type, checked} = e.target;
   console.log({...e.target});
   setFormValue((prevFormValues) => ({
     ...prevFormValues,
     [name]: type === 'checkbox' ? checked : value,
   }));
 };

   const { firstName, lastName, nickName } = formData;
     
       return (
            <Container maxWidth="lg"  style={{ margin:'auto' }}>
            <h1 className="main_h1">Услуги и специальность </h1>
            <p className="top_p">Выберите одну или несколько специальностей</p>
           
            <div className="wraper">


            {Map_spec.map((checkbox, key) => (
           
           
            <>
           
            <input type="checkbox" className="custom-checkbox"
            id={checkbox.label}
            form={form}
            name={checkbox.label}
            value={checkbox.label}
            onChange={handleChange}
            checked={form[checkbox.label]}
             />
            <label
            key={checkbox.label}
            htmlFor={checkbox.label}><span style={{textAlign:'left', width:'50%'}}>{checkbox.label}</span><div className="lined"></div></label>
           
            </>
       
           ))}
           </div>
           <button
            className="dale_2"
            style={{ marginTop:'1rem' }}
            onClick={() => navigation.next()}>Далее</button>
           </Container>

         )

}
источник

Р

Роман in React: русскоязычное сообщество
используется стейт
источник

Р

Роман in React: русскоязычное сообщество
шаги готовы
источник

Р

Роман in React: русскоязычное сообщество
нужно просто взять выбранные чекбоксы и вставить на второй шаг
источник

H ᵘ ʜ ᵘ in React: русскоязычное сообщество
Роман
используется стейт
ты в handleChange сетишь значения чекбоксов в форму, по идее надо бы в стейт
источник

H ᵘ ʜ ᵘ in React: русскоязычное сообщество
тоже(?)
источник

Р

Роман in React: русскоязычное сообщество
H ᵘ ʜ ᵘ
тоже(?)
можете уточнить?
источник