/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

23 votes283 views4 answers
How to copy to clipboard in react js
Javascript React
0 vote299 views1 answer
Write button hover in react
Javascript React
1 vote299 views1 answer
React repeat
Javascript React
0 vote289 views1 answer
How to extract params from received link in react native firebase dynamiclink?
Javascript React
0 vote235 views1 answer
React native cross out letter
Javascript React
0 vote286 views1 answer
Run react android
Javascript React
0 vote303 views1 answer
Date picker type react
Javascript React
0 vote291 views1 answer
React native 'UMConstantsInterface/UMConstantsInterface.h' file not found
Javascript React
-2 votes320 views1 answer
How to get country code in react native
Javascript React
0 vote389 views1 answer
Attempted import error: 'Map' is not exported from 'react-leaflet' (imported as 'LeafletMap').
Javascript React