/Javascript/React/Editable pre input react

Editable pre input react

class App extends Component {
  constructor() {
    super();
    this.state = {
      inputValue: 'http://localhost:3000'
    };
    this.handleChange = this.handleChange.bind(this);
  }

   handleChange(e){
    console.log(e.target.value);
    this.setState({inputValue: e.target.value});
  }

  render() {
    return (
      <div>
        <input type="text" value={this.state.inputValue} onChange={this.handleChange} />
      </div>
    );
  }
}

Source: stackoverflow.com

Editable pre input react

import React, { useState } from 'react';

function Example() {
  const [url, setUrl] = useState("http://localhost:3000");

  return (
    <div>
      <input type="text" value={url} onChange={(e) => setUtl(e.target.value)} />
    </div>
  );
}

Source: stackoverflow.com

Similar codes

17 votes196 views5 answers
React native icons
Javascript React
0 vote193 views1 answer
Why does my react project dosent have any class
Javascript React
0 vote182 views1 answer
Set navigation drawer to open by default react native
Javascript React
0 vote190 views2 answers
Onclick toggle class react
Javascript React
1 vote194 views3 answers
Stripe react js
Javascript React
2 votes191 views2 answers
Prevent refresh react
Javascript React
0 vote193 views1 answer
React check if mobile or desktop
Javascript React
151 votes288 views6 answers
Install react js
Javascript React
21 votes185 views6 answers
Elevation react native
Javascript React
24 votes208 views6 answers
Proptypes react
Javascript React