0
248
ViewsReaccionar cómo establecer el valor de texto de conteo 0 para el cuadro vacío
En este momento, mi cuadro de texto vacío muestra el conteo 1. Vea la captura de pantalla a continuación:
Quiero mostrar el valor 0 para el cuadro vacío. ¿como hacer eso? aquí está mi código:
export default function TextFrom(props) { const handelUpClick = () => { let newtext = text.toUpperCase(); setText(newtext); }; const handelLoClick = () => { let newtext = text.toLowerCase(); setText(newtext); }; const handleOnChange = (event) => { setText(event.target.value); }; const [text, setText] = useState(""); return ( <> ..my html code <h1>your text summary</h1> <p> {text.split(" ").length} words and {text.length} character </p> <>
·
Juan Pablo Isaza
1 answers
Answer question0
El problema aquí es que split devuelve [""] cuando se invoca en una cadena vacía, y la longitud de esa matriz es de hecho 1. Para contrarrestar esto, puede reemplazar la {text.split(" ").length} de su código con {text.trim() === '' ? 0 : text.split(" ").length} para que se solucione el caso en el que la entrada es solo un espacio en blanco.
·
Juan Pablo Isaza
Report
Answer question