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

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

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

我已经在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'));