Как использовать enctype="multipart/form-data" что бы он не мешал другим input?

ThunderCat, узнав более подробно про enctype="multipart/form-data", я решил что дело в нем. Я поискав в google начал понимать что возможно дело не в enctype="multipart/form-data". Как я написал я, писал я новичок в Node.js и делая админку с сервером я дополнительно учусь (После React тяжелова-то дополнительно учить Node.js =))). Благодарю что развеяли идею что в multipart/form-data была проблема

Как использовать enctype="multipart/form-data" что бы он не мешал другим input?

ReactDev, если вы знаете как мне решить проблему с enctype="multipart/form-data", то буду рад принять ответ. Кстати где-то читал про formenctype="multipart/form-data", но тоже не сработало.

Как использовать enctype="multipart/form-data" что бы он не мешал другим input?

Изначально у меня была одна форма и кнопка в форме, но я столкнулся с кодированием enctype="multipart/form-data" и началась проблема, я ранее не писал формы с добавлением файла и для меня случился ступор с этой кодировкой. Без неё не отправляет файл, а с ней не отправляет данные типа String, я так понимаю их переводит в двоичный код. То что вы увидели две формы, это не провал в html, а попытка решить проблему кодировки. Как построить структуру формы я прекрасно знаю, но как сделать форму что бы часть input была text, были select и input file и что бы оно нормально передавала данные я пока не знаю

Как использовать enctype="multipart/form-data" что бы он не мешал другим input?

ThunderCat, я пробывал разные варианты, пожалуйста, не судите строго

Как установить React-app?

Здравствуйте. Попробуйте следующие:

Шаг 1: Перейдите в папку /nodejs и откройте два файла npm.cmd и npm в текстовом редакторе.

Шаг 2: Замените prefix -g на prefix --location=global в строке 12 файла npm.cmd и в строке 23 файла npm.

Как сохранить select option в localstorage?

black1277, Я убрал key={currencies.symbol} value={currencies.symbol}
убраал const item = localStorage.getItem('symbol');
Внедрил в свой код в App.js

componentDidMount(){
    
    this.Data = JSON.parse(localStorage.getItem('data'));
    if(localStorage.getItem('data')){
      this.setState({
        currentSymbol: this.Data.currentSymbol

      })
    } else {
      this.setState({
      currentSymbol: "$ USD"
      })
    }
   
  }
  componentWillUpdate(nextProps, nextState){
    localStorage.setItem('data', JSON.stringify(nextState))
  }

Все работает! Огромное спасибо!

Как сохранить select option в localstorage?

black1277, напишите, пожалуйста, на классовой. Но не удаляйте пример для функциональной, так как это будет полезно для других

Как сохранить select option в localstorage?

black1277, у меня на классовой компоненте)) А почему мой код вызывает депрессию?))

Как сохранить select option в localstorage?

black1277 вы могли бы на моем коде написать? Потому что не совсем понимаю ваш ответ

Как сохранить select option в localstorage?

black1277 не совсем понял вас(

Вы так имеете ввиду?
let selecteds = this.props.selectValue;

<div>
          <div className={s.select}>
             <select > 
            {this.state.currencies.map((currencies) =>(
                <option selecteds >
                    <div className={s.option}>
                    {currencies.symbol} {currencies.label}
                    </div>                  
                </option>
                )
              ) 
            }
                </select> 
                
        </div>
        </div>

Как добавить select option в localstorage?

Я добавил код выбранного значения селекта и он работает отлично, а вот что бы в localstorage хранился сам селект я не могу понять =(

Как добавить select option в localstorage?

Николай, спасибо за комментарий. Я не совсем понимаю как мне получить значение селекта. Я через onchange получаю значения выбранного селекта, храню в state и сохраняю в localstorage, но само значение селекта как получить я не понимаю ((( После обновление страницы у меня становиться дефолтное значение

Как увеличить или уменьшить число во вложенном объекте в state?

Благодарю за ваш ответ! Я уже решил и мое решение близко к вашему. Еще раз спасибо!

Как увеличить или уменьшить число во вложенном объекте в state?

Антон Горецкий, такой код мне выдает объект с правильными данными, но если я добавлю новый объект, то вместо старого новый объект. Мне нужно, что бы добавлялся новый объект с новым в state. Как concat соединяет массивы, так же мне нужно, что бы эти объекты соединились. Данный код просто заменяет один объект на другой =(

CountId = (event) => {
    this.setState({
      countId: {
        ...this.state.countId, countId: Object.assign({},{id:(event.currentTarget.id), quantity:1})
      }
    })
  }

Как увеличить или уменьшить число во вложенном объекте в state?

Антон Горецкий, прошу прощения за долгий ответ и спасибо что вы меня натолкнули что я делал не так именно с данными, честно говоря, сам не знаю как я не заметил)).

Я сейчас нормально получаю данные, но есть проблема с объединением объектов.

Я создаю объекты таким путем:

CountId = (event) => {
    this.setState({
      countId: {
        ...this.state.countId, countId: {id:(event.currentTarget.id), quantity:1}
      }
    })
  }

event.currentTarget.id так я получаю данные через клик, а именно получаю id товара по которому был сделан клик (с этим у меня проблем нет).

Я пытаюсь объединять через assign, но пишет assign not function

Как увеличить или уменьшить число во вложенном объекте в state?

Антон Горецкий, главный вопрос, как мне обратится к определенной quntity и изменить (увеличить на 1 или уменьшить). Я прошу прощения за "код дичь"

Как увеличить или уменьшить число во вложенном объекте в state?

Антон Горецкий, спасибо, что написали. Этот код здесь не нужен <div onChange={this.QuantityChange}>. Я сюда добавил код из разных компонентов, в том числе, что тестировал. Это первый мой вопрос на Хабре еще не освоился. Подскажите, что я делаю не так?

Как увеличить или уменьшить число во вложенном объекте в state?

0xD34F, напишите, пожалуйста, что у меня не так. Я делаю копирование что бы добраться до quantity что бы его изменить.