Preguntas etiquetadas con reactjs

Tengo un servicio de API donde tengo diferentes métodos para hacer llamadas a las API. He probado con éxito todas las solicitudes GET pero tengo problemas para probar las solicitudes POST. Este es el método: export default class ApiService { static makeApiCall = <T>( url: string, oneCb: <T>(d: Data) => …

9 javascript  reactjs  testing  ecmascript-6  jestjs 

Estoy probando algunas pruebas unitarias, creé un sandbox con un ejemplo falso https://codesandbox.io/s/wizardly-hooks-32w6l (en realidad tengo un formulario) class App extends React.Component { constructor(props) { super(props); this.state = { number: 0 }; } handleSubmit = (number1, number2) => { this.setState({ number: this.handleMultiply(number1, number2) }) } handleMultiply = (number1, number2) => …

9 javascript  reactjs  jestjs 

Intento abrir un paquete, pero cuando el Android se está ejecutando, muestra el siguiente mensaje 2020-01-05 23: 15: 45.366 26210-26210 / com.note.principal W / .note.principa: Acceso al campo oculto Landroid / view / View; -> mAccessibilityDelegate: Landroid / view / View $ AccessibilityDelegate; (lista gris, reflexión) 2020-01-05 23: 15: 45.470 …

9 javascript  android  reactjs  react-native  gradle 

Entonces, estaba buscando alguna respuesta a esta pregunta y descubrí que al importar, 'Reaccionar' no necesita estar en {} ya que es la exportación predeterminada y no una exportación con nombre, Bueno, eso es correcto, pero también he visto que al importar una exportación predeterminada, podríamos usar cualquier nombre para …

9 javascript  reactjs 

Tengo una aplicación en la que estoy usando Material UI y su proveedor de temas (usando JSS). Ahora estoy incorporando fullcalendar-react , que en realidad no es una biblioteca React completa, es solo un delgado contenedor de componentes React alrededor del código original de fullcalendar. Es decir, que no tengo …

9 css  reactjs  fullcalendar  jss 

Tengo un subconjunto muy pequeño de Markdown junto con algunos html personalizados que me gustaría analizar en los componentes React. Por ejemplo, me gustaría convertir esta siguiente cadena: hello *asdf* *how* _are_ you !doing! today En la siguiente matriz: [ "hello ", <strong>asdf</strong>, " ", <strong>how</strong>, " ", <em>are</em>, " …

9 javascript  arrays  regex  reactjs  markdown 

Me gustaría que el usuario pueda ordenar una lista de elementos pendientes. Cuando los usuarios seleccionan un elemento de un menú desplegable, establecerán el sortKeyque creará una nueva versión setSortedTodosy, a su vez, activará useEffecty llamará setSortedTodos. El siguiente ejemplo funciona exactamente como quiero, sin embargo, eslint me está pidiendo …

9 javascript  reactjs  react-hooks  eslint 

En esta edición de GitHub, esencialmente propuse cambiar: x = useCallback( ... , []); A: x = useRef( ... ).current; Los dos son iguales pero con useRefReact no compara las dependencias. Para lo cual llegó una respuesta con una pregunta: ¿Hay alguna situación en la que una useMemo o useCallback …

9 reactjs  react-functional-component 

Estoy creando una aplicación web React JS que eventualmente se convertirá en una PWA para que los usuarios puedan instalarla en sus dispositivos móviles. Ahora el cliente solicita encontrar una manera de enviar estas aplicaciones PWA a Apple Store y Google Store. Entonces, mi pregunta es si tenemos herramientas para …

9 javascript  reactjs  progressive-web-apps 

Tengo funciones IIFE para algunos de los códigos de la biblioteca en una aplicación heredada que necesita funcionar para IE10 + (sin carga del módulo ES6, etc.). Sin embargo, estoy empezando a desarrollar una aplicación React que usará ES6 y TypeScript y quiero reutilizar el código que ya tengo sin …

9 javascript  reactjs  es6-modules  legacy  iife 

En versiones anteriores a 0.61 de react-native para reflejar los cambios de código, tenemos dos opciones como. Live Reload (Recarga la aplicación cuando detecta algunos cambios) Recarga en caliente (refleje los cambios sin volver a cargar) pero en la versión 0.61 , se ha introducido una nueva característica de desarrollador …

9 reactjs  react-native  react-native-android  react-native-ios 

En mi código, no tengo ningún uso explícito decomponentWillMount , pero aún veo un par de advertencias al ejecutarlo webpack. react-dom.development.js: 12386 Advertencia: se ha cambiado el nombre de componentWillMount y no se recomienda su uso. Consulte https: /fb.me/react-unsafe-component-lifecycles para más detalles. Mueva el código con efectos secundarios a componentDidMount …

9 javascript  reactjs  react-props 

Creé un nuevo proyecto con create-react-app, luego ejecuté npm start y luego apareció. https://imgur.com/a/3By9NCr Usando FF 69.0.3

9 reactjs 

Recibo el siguiente error al ejecutar npm start: Se prefiere la sintaxis del módulo ES2015 sobre los módulos y espacios de nombres personalizados de TypeScript @ typescript-eslint / no-namespace namespace InternalThings {...} Traté de investigar esto, pero es muy confuso. ¿Por qué está pasando esto? ¿Como arreglarlo? Traté de poner …

9 javascript  node.js  reactjs  typescript 

Estoy tratando de ejecutar una aplicación de reacción en mi máquina local, obtengo este error cuando ejecuté npm run start: > node scripts/start.js internal/validators.js:125 throw new ERR_INVALID_ARG_TYPE(name, 'string', value); ^ TypeError [ERR_INVALID_ARG_TYPE]: The "path" argument must be of type string. Received type undefined at validateString (internal/validators.js:125:11) at Object.resolve (path.js:161:7) at …

9 reactjs