Как изменить значение отмеченного элемента в реакции?(изменение одного значения в sql)

Question

Прежде всего, извините, если название написано плохо, я не был уверен, как это лучше сформулировать.Поэтому моя проблема в том, что у меня есть база данных в mysql с разными байками (представьте, что у меня есть два велосипеда от Diamond, один велосипед от Scott и т. Д.), Которые хранятся в моей базе данных в разных физических местах с тегом FK_LocationID.

И я хочу иметь возможность «переместить» эти велосипеды из одного места в другое, проверив велосипеды, которые я хочу переместить, и выбрав место, где я хочу переместить их два, выбрав из выпадающего списка (не обязательно).Tldr я хочу изменить FK_LocationID для велосипедов с флажками.У меня есть 5 массивов мотоциклов (есть 5 разных мест, Санта-Ана - locationID номер 1)

export default class Locations extends Component {
  bikes1 = [];
  bikes2 = [];
  bikes3 = [];
  bikes4 = [];
  bikes5 = [];
  render() {
    return (

      <div>
        <Card title="Locations">
          <Row>
            <Column>
              <p>1 - Haugastøl</p> // i have 5 of these
              <List>
                {this.bikes1.map(bike1 => (
                  <List.Item key={bike1.BikeID}>
                    <input type="checkbox" checked={bike1.checked} onChange={e 
         => bike1.checked = e.target.checked}/> {bike1.BikeID} - {bike1.Brand}
                  </List.Item>
                ))}
              </List>

          <select id="Location" value={this.FK_LocationID} onChange={e => (this.FK_LocationID= e.target.value)}>
            <option value={0}>Choose location..</option>
            <option value={1}>Haugastøl</option>
            <option value={2}>Finse </option>
            <option value={3}>Flåm </option>
            <option value={4}>Voss </option>
            <option value={5}>Myrdal </option>
          </select>



  mounted() {
    locationService.getBikesLocation1(bikes1 => { // 5 of these aswell
      for(let bike of bikes1) bike.checked = false;
      this.bikes1 = bikes1;
    }); 
    locationService.getBikesLocation2(bikes2 => {
      for(let bike of bikes2) bike.checked = false;
      this.bikes2 = bikes2;
    });

В основном я сделал выпадающий список, флажки, и теперь я не уверен, как на самом деле изменить FK_LocationID проверенногоПредметы.Я был бы очень признателен за любую помощь здесь, я новичок в React, а также Javascript действительно.

Привет

Answer 1

Тебе не нужно государство.То, что вы могли / должны сделать, это поставить флажки в форме или объекте json и опубликовать их в бэкэнде, а затем внести изменения в вашу базу данных.Локальное состояние не поможет внести изменения в серверную часть, и, поскольку вы упомянули sql, я предполагаю, что он у вас есть.Если я ошибаюсь, извините, но просто поймите, что локальное состояние не является постоянным, поэтому при перезапуске приложения вам нужно будет повторить изменения.