TypeError: Fecha.tolocaletimestring no es una función -- javascript campo con reactjs campo con react-hooks camp Relacionados El problema

TypeError: date.toLocaleTimeString is not a function


0
vote

problema

Español

Estoy tratando de construir un componente de visualización de tiempo con ganchos y estoy obteniendo "TypeError: Fat.Tolocaletimestring no es una función". Soy mucho un principiante para esto, así que cualquier ayuda sería muy apreciada. He llamado al componente de

  <Time date={date} setDate={setDate}/>   

en mi archivo principal y he importado / exportado tiempo correctamente. Aquí está mi código de mi archivo Time.js:

  function Time(date, setDate) {     //Replaces componentDidMount and componentWillUnmount  useEffect(() => {     var timerID = setInterval( () => tick(), 1000 );        return function cleanup() {         clearInterval(timerID);       };    });         function tick() {       setDate(new Date());      }      return (         <div>         <div className="test">1</div>           <h2>It is {date.toLocaleTimeString()}.</h2>         </div>       ); }   

¡Gracias!

Original en ingles

I'm trying to build a time display component with hooks and I'm getting "TypeError: date.toLocaleTimeString is not a function." I'm very much a beginner to this so any help would be much appreciated. I've called the component of

<Time date={date} setDate={setDate}/> 

in my main file and I've imported/exported Time properly. Here is my code from my Time.js file:

function Time(date, setDate) {     //Replaces componentDidMount and componentWillUnmount  useEffect(() => {     var timerID = setInterval( () => tick(), 1000 );        return function cleanup() {         clearInterval(timerID);       };    });         function tick() {       setDate(new Date());      }      return (         <div>         <div className="test">1</div>           <h2>It is {date.toLocaleTimeString()}.</h2>         </div>       ); } 

Thank you!

        
       
       

Lista de respuestas

0
 
vote
vote
La mejor respuesta
 

Los componentes reaccionan solo toman un argumento (accesorios). Puede usar la destrucción para eliminar las teclas individuales de sus accesorios y el resto de su componente permanecerá sin cambios:

  terms9  
 

React components only take one argument (props). You can use destructuring to pluck individual keys out of your props and the rest of your component will remain unchanged:

function Time({ date, setDate }) {   // `date` will now be a Date object as you expect } 
 
 

Relacionados problema

0  Múltiples profundidad excedidas en reaccionar ganchos  ( Multiple depth exceeded in react hooks ) 
Estoy tratando de crear múltiples formas de formas utilizando el transformador de reaccionar KONVA. Quiero pasar múltiples nodos al transformador. Mientras es...

0  Reaccionar / Axios fusionar múltiples matrices de objetos basados ​​en la llave / valor  ( React axios merge multiple array of objects based on key value ) 
Agarrando los datos usando Axios para construir un POKEDEX y en función de las diferentes llamadas API, me gustaría fusionar los datos de los dos, o tres, las...

-2  Useref no se está rellenando con ArrayLength  ( Useref is not getting populated with arraylength ) 
Tengo por debajo del código en TypeScript en el que estoy tratando de usar useRef y asigne la longitud de arrugar const listRef = useRef(Array.from({ len...

0  Usstate no está actualizando el estado  ( Usestate is not updating state ) 
Estoy obteniendo información de 2 API, una que es la API de Unsplash que devuelve una imagen al azar y una segunda API que devuelve un verso de la Biblia desd...

1  Re-render el componente después de la carga de archivos usando reacción-gook-forme  ( Re render component after file upload using react hook form ) 
en mi aplicación tengo 1.main component, which renders a list of items 2.button for add new item -> clicking the button opens modal with form, made with re...

0  Acceso al estado de componente con la tabla de reacción  ( Accessing component state with react table ) 
Esa es mi primera pregunta, y solo necesito entender por qué no puedo acceder al estado real del componente al manejar el cambio en la casilla de verificación...

0  Cómo obtener el elemento DOM exacto usando Useref en reaccionar  ( How to get exact dom element using useref in react ) 
Estoy tratando de obtener el elemento DOM exacto en la lista de LISTITEM de la lista usando 'reacc.useref (null);' Pero no puede conseguirlo, estoy usando el ...

0  Reacciona USESTATE: ¿Cómo puedo actualizar mi USESTATE con ONCHCORE para la entrada y ONCLICK para el botón?  ( React usestate how can i update my usestate with onchange for input and onclick ) 
Estoy tratando de actualizar el gancho de Estateado, pero el objeto está volviendo vacío. He intentado usar algo como: <input onChange={e => setFilter(name: ...

0  Presente modal dentro de una pantalla  ( Present modal inside a screen ) 
Estoy creando una aplicación donde estoy usando una Materialbottomtabbar y en la Pantalla de inicio Tengo un botón que se supone que abre un <Modal> . ...

0  Integración de la solicitud de Axios basada en clase al código basado en gancho  ( Integrating class based axios request to the hook based code ) 
¿Cómo puedo integrar esta solicitud de Axios basada en clase al otro código basado en gancho que obtiene datos de un archivo JSON? Básicamente, quiero reempla...




© 2022 respuesta.top Reservados todos los derechos. Centro de preguntas y respuestas reservados todos los derechos