javascript - react-select: απενεργοποίηση προεπιλεγμένων στυλ

Πώς να απενεργοποιήσετε τα προεπιλεγμένα στυλ του react-select; Το react-select δεν είναι στο κέντρο του περιέκτη, γι' αυτό πρέπει να χρησιμοποιήσω margin-bottom, αλλά δεν είναι καλή λύση. χωρίς margin-bottom: χωρίς margin-bottom css

.header { height: 98px; display: flex; justify-content: space-between; background-color: #222968; align-items: center; padding: 0 10px; } .header__title { font-weight: 700; color: white; } .header__select{ height: 64

Διαβάστε περισσότερα →

reactjs - Γιατί η εφαρμογή React μου δεν επανασχεδιάζεται όταν αλλάζω την κατάσταση;

Έχω μια εφαρμογή React που χρησιμοποιεί το ακόλουθο Μοντέλο:

export interface DataModel { itemId: string, itemName: string, }

Ορίζω μια αρχική τιμή για το μοντέλο έτσι:

export const INIT_ITEM:DataModel = { itemId: "

Διαβάστε περισσότερα →

reactjs - Πώς να εμφανίζετε δυναμικά εικόνες στο React;

Πώς να εμφανίζετε/εισάγετε δυναμικά εικόνες σε React/TypeScript;

Χρησιμοποιώ Typescript με React.

Ακολουθεί αυτό που θέλω να πετύχω.

αλλά αυτό δεν λειτουργεί. Δεν επιλύει την έκφραση { 'assets/icons/' + media + '.svg'}.

<div className="medias"> MEDIAS.map((m

Διαβάστε περισσότερα →

Γιατί το mapStateToProps δεν εμφανίζει καμία ενημέρωση (TypeScript, ReactJS, Redux)

Όταν πληκτρολογώ κάποιο κείμενο στο πεδίο εισαγωγής, εμφανίζονται δεδομένα όταν καταγράφω μέσα στον reducer, επίσης το console.log(state.genreList) εμφανίζει έναν πίνακα. Αλλά δεν θα ενημερώσει το mapStateToProps μέσα στο SearchInput.tsx. Στην action και στον reducer βλέπω ότι η τιμή περνάει σωστά, αλλά ακόμα μπερδεύομαι γιατί δεν θα την περάσει στο mapStateToProps. Τι χάνω;

Για να σας δώσω μια καλύτερη κατανόηση, θα προσθέσω ένα codesandbox.

σύνδεσμος προς το cod

Διαβάστε περισσότερα →

reactjs - Πώς να περάσετε υπό συνθήκη ένα true ή false σε boolean props του React με TypeScript;

Χρησιμοποιώ τη βιβλιοθήκη Material UI με React + Typescript.

Όταν προσπαθώ να περάσω μια συνθήκη boolean ως ιδιότητα "button" ενός component, λαμβάνω σφάλμα TypeScript: Ο τύπος 'boolean' δεν μπορεί να ανατεθεί στον τύπο 'true'

Συνημμένος είν

Διαβάστε περισσότερα →

πρόβλημα typescript με το react-query QueryObserverResult

Λοιπόν, χρησιμοποιώ κάτι σαν selector με το react-query και λαμβάνω ένα σφάλμα όταν προσπαθώ να τραβήξω μερικές τιμές από την cache.

Αυτό είναι το λάθος που λαμβάνω: TS2339: Η ιδιότητα 'phone' δεν υπάρχει στον τύπο 'QueryObserverResult'. :

  1. Ποιος είναι ο «τύπος» του select εδώ;

εδώ είναι η μετάλλαξη της προσωρινής μνήμης:

export default function useProductCache (select: ?): QueryObserverResult<Product, Error> {

Διαβάστε περισσότερα →

typescript - Ασφάλεια τύπων για τη δοκιμή του React Navigation με React Native

ΠΛΟΗΓΟΣ

export type RootStackNavigator = { Welcome: undefined List: undefined } const Stack = createStackNavigator<RootStackNavigator>() const { Navigator, Screen } = Stack const Navigation = () => { return ( <NavigationContainer> <Navigat

Διαβάστε περισσότερα →

Σφάλμα ιδιοτήτων (props) του TouchableOpacity στο React Native με TypeScript

Έχω δημιουργήσει ένα επαναχρησιμοποιούμενο κουμπί χρησιμοποιώντας το Styled component και Typescript. Έκανα το onPress void. Χρησιμοποιώ αυτό το κουμπί στα headStyles. Τα HeaderStyles έχουν ένα prop που ονομάζεται headerLeft. Το prop onPress του headerLeft

Διαβάστε περισσότερα →

angular - Πώς να αλλάξετε τη μορφή της Ημερομηνίας σε Reactive Forms;

Θέλω να αλλάξω τη προεπιλεγμένη μορφή ημερομηνίας σε ένα από τα πεδία μου στις Αντιδραστικές φόρμες. Εμφανίζεται στη μορφή "16-03-1999" αλλά θέλω να αλλάξει στη μορφή "16 Μαρτίου 1999".

Παρακάτω είναι ο κώδικας για το ίδιο:

Σε αρχείο TypeScript :

this.companyForms = this.fb.group({ })

Διαβάστε περισσότερα →

javascript - Create React App PWA ΣΦΑΛΜΑ: Δεν καταχωρεί έναν service worker που ελέγχει τη σελίδα και το start_url

Προσπαθώ να δημιουργήσω μια προοδευτική εφαρμογή ιστού με το Create React App, αλλά λαμβάνω ένα σφάλμα όταν κάνω benchmarking με το lighthouse. Η pwa μου δεν είναι εγκαταστάσιμη, το περίεργο είναι ότι έχω το ίδιο πρόβλημα αν χρησιμοποιήσω το επίσημο πρότυ

Διαβάστε περισσότερα →