/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

3 votes346 views1 answer
Css in a react file
Javascript React
0 vote370 views1 answer
How to put react compnent to bottom
Javascript React
21 votes345 views6 answers
React native vector icons
Javascript React
1 vote378 views1 answer
Get image url in react input file or preview form image
Javascript React
0 vote377 views1 answer
Header logo react native doesn't show
Javascript React
3 votes362 views1 answer
Navigation react pass props
Javascript React
0 vote360 views1 answer
React native update app from play store ios app store
Javascript React
1 vote381 views1 answer
Double matrix iteration in react
Javascript React
0 vote351 views1 answer
How to use elements of 'react-router-dom'
Javascript React
94 votes388 views6 answers
Install react router
Javascript React