reactjs - React-Three-Fiber: πώς να χρησιμοποιήσετε το setViewOffset
Χρησιμοποιώ το React-Three-Fiber σε μια εφαρμογή γραμμένη σε TypeScript. Έχω ρυθμίσει το καμβά και την κάμερά μου, αλλά χρειάζομαι να υλοποιήσω το .setViewOffset στην ορθογραφική κάμερά μου. Στην τεκμηρίωση του three.js αναφέρεται ότι η είσοδος για το setViewOffset είναι:
( fullWidth : Float, fullHeight : Float, x Διαβάστε περισσότερα →reactjs - Ενσωμάτωση του Kekule.js σε Εφαρμογή React Δημιουργημένη με TypeScript
Αγαπητή κοινότητα!
Έτσι, έχω δημιουργήσει μια εφαρμογή React που βοηθά τους ανθρώπους που σχετίζονται με τη χημεία να δημοσιεύουν τις δουλειές τους, και για αυτό βρήκα μια βιβλιοθήκη που ονομάζεται Kekule.js. Ορίστε εδώ
Όπως είπα, χρησιμοποιώ TypeScript η οποία τώρα απαιτεί να ορίσω τύπους για τη βιβλιοθήκη που χρησιμοποιώ, αλλά η βιβλιοθήκη δεν βρίσκεται στο NPM, ούτε μπορώ να βρω @types/kekule.js ή κάτι παρόμοιο.
Καθώς υπάρχουν πραγματικά πάρα πολλές συναρτήσεις στη βιβλιο
Διαβάστε περισσότερα →Πώς να πλοηγηθείτε σε μια οθόνη χρησιμοποιώντας το useNavigation() στο React Native με TypeScript
Ήθελα να χρησιμοποιήσω το useNavigation για να μεταβώ σε μια οθόνη. Παρακάτω είναι ο κώδικάς μου:
MainNav.tsx:
const defaultNavigationOptions: StackNavigationOptions = { ... ... ... headerRight: (props) => { return <AccountHeaderComponent tintColor={props.tintColor} />; }, ... ... ... }; const MainNavigator = () => { return ( <MainStack.Navigator> <MainStack.Screen Διαβάστε περισσότερα →reactjs - σφάλμα τύπου react redux reducer σε TypeScript με τη λειτουργία combineReducers
Προσπαθώ να υλοποιήσω ένα κατάστημα redux για την εφαρμογή μου.
Ορίστε το app.ts μου (κύριο αρχείο του καταστήματος):
import { combineReducers, compose, createStore, Reducer } from 'redux'; import * as fromBarcode from './reducers/barcode'; expor Διαβάστε περισσότερα →reactjs - Πώς να ελέγξετε αν η alert έχει κληθεί σε δοκιμές Jest για React χρησιμοποιώντας Typescript;
Έχω ένα HTML select με μερικές επιλογές που όταν πατήσω ένα κουμπί υποβάλλονται σε έναν διακομιστή. Ανάλογα με την απάντηση εμφανίζεται ένα μήνυμα ειδοποίησης. Η μέθοδος μοιάζει με αυτή:
const sendOrder = async (json : string) => { con Διαβάστε περισσότερα →javascript - Επανάληψη στοιχείου στο React όπως το *ngFor στο Angular
Στο React, χρησιμοποιούμε τη συνάρτηση map μέσα στο JSX για να επαναλάβουμε στοιχεία.
Είναι δυνατόν να έχουμε ένα στοιχείο Repeat όπως το *ngFor στο Angular;
<Repeat for={[1, 2, 3]}> ... <Repeat for={[5, 6, 7]}> ... </Repeat& Διαβάστε περισσότερα →reactjs - Η βιβλιοθήκη δοκιμών React fireEvent δεν εκτελείται/βρέθηκε απάντηση
Έχω ένα πρόβλημα με τη χρήση της βιβλιοθήκης react testing library και της συνάρτησης fireEvent της. Θέλω να δοκιμάσω το component μου και το στυλ του μετά το hover. Εδώ είναι το component μου γραμμένο σε tsx:
import React from 'react' import { makeStyles } from '@material-ui/core' import Διαβάστε περισσότερα →typescript - Το MapContainer του React-Leaflet δεν αποδίδεται με νέα τιμή θέσης κατά την ενημέρωση της κατάστασης
Είμαι νέος χρήστης του Leaflet για την εφαρμογή μου σε React που βασίζεται σε Typescript και Hooks. Στην εφαρμογή μου η τρέχουσα γεωγραφική μου θέση (πλάτος, μήκος) λαμβάνεται (έχω επιτρέψει την άδεια στον περιηγητή) χρησιμοποιώντας το API γεωτοποθεσίας
Διαβάστε περισσότερα →javascript - Πώς να επιλύσετε μια υπόσχεση Firestore απευθείας σε ένα reactive() proxy του Vue;
Χρησιμοποιώντας Vue 3/Typescript, πώς μπορώ να επιλύσω μια υπόσχεση FireStore που επιστρέφει έναν πίνακα αντικειμένων, σε ένα αντιδραστικό proxy αντικείμενο χρησιμοποιώντας το map();
Σε αυτή την περίπτωση, δεν επιθυμώ να χρησιμοποιήσω forEach() ή Vuex
Διαβάστε περισσότερα →reactjs - React Material-UI πώς να αποθηκεύσετε τα TextFields σε Typescript
Πώς μπορώ να αποθηκεύσω μια είσοδο με TextFields του Material-UI σε Typescript. Η ιδέα μου ήταν να έχω μια προεπιλεγμένη τιμή στο TextField και με ένα κουμπί, θα έπρεπε να αποθηκεύει τη νέα τιμή από τον χρήστη.
Απάντηση #1
θα πρέπει να χρησιμοποιείτε το onChange
Διαβάστε περισσότερα →