Estoy creando una aplicación web de reactJS que tiene muchos componentes funcionales diferentes, cada componente funcional tiene algunos accesorios y es difícil hacer un seguimiento de lo que cada función toma como accesorios. ¿Hay alguna manera de sugerir accesorios en el compilador?
He intentado buscar este problema sin éxito
este es un código de ejemplo
// creating a custom functional components import React from "react"; import "./FadedText.scss"; export default function FadedText(props) { return <p className="fadedText">{props.text ?? "Faded text"}</p>; }y dentro de otro archivo quiero
import React from "react" import FadedText from "./FadedText" function SomeName()=> { // Suggests a prop called text inside of FadedText for it to be given a value when I click // Ctrl+space return <FadedText >; }Entonces, cuando los importo, el compilador sugiere los nombres de los accesorios. ¿Hay una manera de lograr esto?
Pruebe este código a continuación en el componente secundario
const {useCallback, useEffect} = React; const handleKeyPress = useCallback((event) => { console.log(`Key pressed: ${event.key}`); console.log(props) }, []); useEffect(() => { // attach the event listener document.addEventListener('keyup', handleKeyPress); }, [handleKeyPress]); Para el control y el espacio, es posible que deba escribir lógica como almacenar la primera clave de valor y la segunda clave de valor ... Cuando tanto la primera como la segunda son secuenciales para cumplir con ctrl + space , puede activar console.log(props)