React Objeto

by fulviocanducci

HTML

<div id="app"></div>

React

function App() {
	const [source, setSource] = React.useState({
  	uf:'',
    name: ''
  });
  function handleChangeValue(e) {
    const {name, value} =  e.target;
  	setSource({
    ...source,[name]:value
    })
  }
  return (
  	<div>
    <p>
      <input 
       name="name"
       id="name"
       value={source.name} 
       onChange={handleChangeValue} 
     />
    </p>
  	<select 
      name="uf"
      id="uf"
      onChange={handleChangeValue}
      value={source.uf}
    >
  	  <option value="">Selecione</option>
      <option value="SP">SP</option>
      <option value="RJ">RJ</option>
  	</select>
    <pre>{JSON.stringify(source, null, 2)}</pre>
    </div>
  );
}
ReactDOM.render(<App />, document.querySelector("#app"))