Al crear un podcast con el marco de reactjs, me conecté en algún lugar. Dado que al crear el encabezado de la página, hice que cada parte del encabezado fuera un componente. A continuación hay algunos fragmentos para eso:

Formulario de búsqueda.js

 import React, {useState} from 'react'; import './searchForm.css'; import Data from '../../../tracks/tracks.json' export default function SearchForm() { const [query, setQuery] = useState(""); return ([(<div> <form className="no_submit mx-5"> <input onChange={(event) => setQuery(event.target.value)} className="no_submit col-xs-4 px-5 input-sm" type="search" placeholder="Search podcasts..." /> </form> {Data.filter((pod) => { if (query === "") { return pod; } else if ( pod.title.toLowerCase().includes( query.toLowerCase() ) ) { return pod; } return null; }).map( (pod, index) => ( <div key={index}> <p>{pod.title}</p> <p>{pod.fileUrl}</p> </div> ) )} </div>)] ); }

lista de reproducción.js

 import './searchForm.css'; import Data from '../../../tracks/tracks.json' export default function SearchForm() { const [query, setQuery] = useState(""); return ([(<div> ...

Pregunta:

¿Cómo puedo obtener el valor del input field de searchform.js en playlist.js?

Sin trabajo :

Declarar la variable fuera de la clase antes de llamarla genera un mensaje de error.