Выражение ожидается.с Эслинт и реагировать

Question

вот мой код с проблемой

handleXPosition(e) {
    const x = parseFloat(e.target.value);
    this.setState((prevState) => ({ position: ...prevState.position, x}));
}

это мое состояние:

this.state = {
    position: { x: 0.5, y: 0.5 },
    rotate: 0,
    scale: 1,
    width: 250,
    height: 160,
    imageSource: '',
    editMode: false,
 };

моя кнопка в моей части jsx:

<div>
    <TextField
        label="Position X"
        type="range"
        onChange={this.handleXPosition}
        inputProps={{ min: 0, max: 1, step: 0.01 }}
    />
</div>

у меня естьэто сообщение дан VS VS код

[ts] Expression expected. [1109]

в ...prevState.position части.

и я не понимаю

спасибо

Answer 1

попробуйте так:

РЕДАКТИРОВАТЬ:

handleXPosition = (
    e: {
      target: { value },
    },
  ) => {
    this.setState(prevState => ({ position: prevState.position, x: parseFloat(value) }));
  };

отредактировал ответ.

Answer 2

Пожалуйста, измените строку на следующую:

this.setState((prevState) => ({ position: {...prevState.position}, x}));

или

this.setState((prevState) => ({...prevState, x}));

Answer 3

Если вы хотите только вывести position из своего штата, вам не нужно деконструировать его:

handleXPosition(e) {
    const x = parseFloat(e.target.value);
    this.setState(prevState => ({ position: prevState.position, x }));
}

И если вы хотите вынуть все значения из ваших предыдущих реквизитов:

handleXPosition(e) {
    const x = parseFloat(e.target.value);
    this.setState(prevState => ({ ...prevState, x }));
}

---

РЕДАКТИРОВАТЬ

Чтобы изменить вложенное значение x, вам придется деконструировать старый объект в положение и переопределить только значение x:

this.setState(prevState => ({ position: {...prevState.position, x}}));

Answer 4

Как насчет следующего:

this.setState((prevState) => ({ position: prevState.position, x }));

или даже:

this.setState((prevState) => ({ ...prevState, x }));