Consulte app.js y ternaryi.js. Paso el valor del correo electrónico en ternaryi y quiero imprimir en la pantalla, pero solo se imprimirá el recuento. ¿Alguien puede ayudarme a resolver este problema?
Aplicación.js
import logo from "./logo.svg"; import "./App.css"; import React, { useState } from "react"; import Ternaryi from "./Ternaryi"; function App() { const [count, setCount] = useState(null); return ( <div className="App"> <form onSubmit={getFormData}> <select onChange={(e) => setCount(e.target.value)}> <option>select option</option> <option>1</option> <option>2</option> <option>3</option> </select> <button type="submit">submit</button> </form> <Ternaryi name={count}/> </div> ); function getFormData(e) { console.log(count); <Ternaryi email={"hyy"}/> e.preventDefault(); } } export default App;Ternario.js
import {useState} from 'react'; function Ternaryi(props) { return ( <div> <h1>email = {props.email}</h1> {props.name==1? <h1>Welcome user 1</h1>:props.name==2? <h1>Welcome user 2</h1>:<h1>Welcome user 3</h1>} </div> ) } export default Ternaryi;Debe establecer el atributo de email en el elemento JSX :
function App() { const [count, setCount] = useState(null); function getFormData(e) { e.preventDefault(); console.log(count); } return ( <div className='App'> <form onSubmit={getFormData}> <select onChange={(e) => setCount(e.target.value)}> <option>select option</option> <option>1</option> <option>2</option> <option>3</option> </select> <button type='submit'>submit</button> </form> <Ternaryi email='hyy' name={count} /> </div> ); } export default App;