返回

reactjs-如何使输入字段文本可编辑?

发布时间:2022-04-27 23:52:53 187

我在尝试使输入文本字段可编辑时遇到问题。

目前,我无法编辑输入文本字段的值,以便删除或向输入文本字段中的值添加新字符。

我已经在state对象中静态地设置了值,但我还想编辑输入文本字段中的状态值。

如何编辑下面的代码以使值可编辑?

import React, { Component } from 'react';
import { render } from 'react-dom';

class Info extends Component {
  constructor(props) {
    super(props);
    this.state = {
      name: "Jack Sparrow",
      age: "52",
      email: "jacksparrow52@gmail.com"
    };
    this.handleChange = this.handleChange.bind(this);
  }

  handleChange(e) {
    let newState = {...this.state};
      newState[e.target.name] = e.target.name
    this.setState({
      ...newState
    })
  }

  render() {

    return (
      
this.handleChange(e)} />

this.handleChange(e)} />

this.handleChange(e)} />

Output states:

Entered Name: {this.state.name}

Entered Age: {this.state.age}

Entered Email: {this.state.email}

); } } render(, document.getElementById('root'));
特别声明:以上内容(图片及文字)均为互联网收集或者用户上传发布,本站仅提供信息存储服务!如有侵权或有涉及法律问题请联系我们。
举报
评论区(2)
按点赞数排序
用户头像
相关帖子