https://github.com/TroyAlford/react-jsx-parser
отличная либа. подошла прям как надо.

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

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

не пойму в чем проблема

Вот эти внутренние обработчики включаются только после второго клика

Мб кому нибдь понадобиться, решил двумя отдельными обработчиками

Кто-нибудь пользовался менторскими сервисами?

Очень нужно узнать про них

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

в стейте хранить? ну или коллбэки из родителя (формы) передавать в «этапы», получать инфу из каждого и там уже строить следующие этапы

есть такой код -

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>

          )

}

используется стейт

шаги готовы

нужно просто взять выбранные чекбоксы и вставить на второй шаг

ты в handleChange сетишь значения чекбоксов в форму, по идее надо бы в стейт

тоже(?)

можете уточнить?