Tengo una consulta de graphql y un useState que funciona. ¿Cómo puedo administrar mi estado de uso de 'título' con él? Me gustaría que el título estuviera en la consulta en lugar de "Chicos malos" para enviar.
function Home() { const [title, setTitle] = useState(""); const searchMovies = async (e) => { e.preventDefault(); console.log("submitting"); const query = `{ searchMovies(query: "Bad boys") { id name overview releaseDate cast { id person { name } role { ... on Cast { character } } } } }`; const url = "https://tmdb.sandbox.zoosh.ie/dev/graphql"; try { request("https://tmdb.sandbox.zoosh.ie/dev/graphql", query).then((data) => console.log(data) ); } catch (err) { console.log(err); } };La consulta es una cadena interpolada, por lo que puede pasarle variables de esta manera:
const query = `{ searchMovies(query: ${title}) { id name overview releaseDate cast { id person { name } role { ... on Cast { character } } } } }`;