Блог

Главная - Вопросы по программированию - ReactJS Как я могу редактировать пользователя с помощью выбора функциональных компонентов

ReactJS Как я могу редактировать пользователя с помощью выбора функциональных компонентов

#reactjs #django #state

Вопрос:

С помощью кода, который у меня есть, я получаю ввод пользователя, но ввод не изменится при вводе

вот входные данные

 <div className="pInput">
  <label>last Name</label>
  <input
    type="text"
    className="ppInput"
    value={user.last_name} 
    onChange={(e) => HandleEditDesc(e)} 
    placeholder={user.last_name}
  />
</div>

Вот моя функция по изменению

   e.preventDefault()
  user.last_name = useSelector((state) => e.target.value);
  state.auth.user.last_name = user.last_name
}

Вот как я получаю пользователя

 import React from "react";
import { useSelector } from "react-redux";
import { Link } from "react-router-dom";
import Axios from "axios";

const Profile = () => {
  const user = useSelector((state) => state.auth.user);
  const subscriptionStatus = useSelector(
    (state) => state.auth.subscriptionStatus
  );

Я использую Django в качестве своего бэкенда

Комментарии:

1. Почему вы используете useSelector , чтобы получить e.target.value ?

2. Я не знаю, как это сделать, я в основном занимаюсь компонентами классов

3. В верхней части функции on change находится функция HandleEditDesc(e) {

4. useSelector предназначен для считывания значения из хранилища . Что вам нужно, так это действие для отправки в магазин, которое обновит фамилию пользователя . react-redux.js.org/api/hooks#usedispatch . react-redux имеет одну из лучших документации. Я бы настоятельно рекомендовал взглянуть на него .

5. Я прямо сейчас буду благодарен

Метки: