Interface interface ListInterface { listName: string; list: string[]; } useState const [initialList, setinitialList] = useState<ListInterface>({listName: "List1", list:['One', 'Two', 'Three', 'Four', 'Five', 'Six']}); const [selectedList, setSelectedList] = useState<ListInterfac....
J'ai des interfaces comme celle-ci: interface INewsProps {newsType: string; données: INewsContentProps []; } interface INewsContentProps {titre: chaîne; newsContent: chaîne; } Mon tableau est le suivant: .......
J'ai besoin d'initialiser un tableau d'objets dans mon état dans react Ts. Le tableau devrait ressembler un peu à ce carnet d'adresses [détails {nom: "Tom" mail: "xyz @ g ........
10 mars 2021 à 10:35
Comment ajouter un élément à un tableau d'objets à un état (React) tout en utilisant TS? Voici mon code: export type AppState = { tickets?: Ticket[], } export type Ticket = { id: string, title: string; } export type ApiC = { getTickets: (order:string, page:number) => Promise<Ticket....
J'ai un problème de dactylographie que je dois résoudre car je n'en suis pas fan. Je reçois cette erreur et je suis fatigué d'essayer de la réparer, de savoir comment je dois procéder atm. Cette erreur est à l'intérieur de mon réducteur, .......
J'essaye de créer une variable d'état nommée hidden pour être un dictionnaire (ex: [{'cutomkey1': 'somevalue', 'customkey2': 'somevalue'}]). hidden peut être vide [{}]. Dans l'une de mes méthodes, je veux pousser un .......
J'ai un état initial que je n'utilise jamais directement dans le code, uniquement dans un autre état de valeur définie Seulement un exemple de scratch: interface PersonProps {} const Person: React.FC<PersonProps> = () => { const [name, setName] = useState<string>("") const [todayYear, setTodayY....
Je change un composant React en Typescript. Il appelle une API. Je pense que mes interfaces sont correctement configurées, mais je ne transmets pas les types correctement. Comment corriger les deux erreurs dans le parent ci-dessous? return <div>Error: {error.message}</div>; // "Object is possibly....
27 févr. 2021 à 19:24
Je dois détecter un clic pour la balise <p> avec id = "rightDisplayBtn". J'ai essayé de joindre une fonction onclick ou un écouteur d'événements mais aucun d'entre eux n'a fonctionné. function addDetails() { hideModal(); addBookDiv.innerHTML = ''; for (var n in addressBook) { va....
26 févr. 2021 à 09:39
Créer des sélecteurs comme celui-ci: import { createSelector } from 'reselect'; export interface Node { nodeId: number nodeName: string } export type NodeState = { nodes: Node[]; text: string; }; const nodeListState = (state) => state.nodeList; const byKey = (key: keyof NodeState) => ....
J'ai écrit un wrapper Fetch pour récupérer mon API à l'aide de Typescript. Je voudrais, lorsque je récupère mes données de mon API, passer du type "tout" à mon type par exemple: "utilisateur". Je vous colle un lien pour mon codeandebox: https://codesandbox.io/s/react -query-error-rkmv1 Lorsque je ....
J'essaye d'utiliser react-dates avec Typescript, mais je n'arrive pas à comprendre comment définir les types. Le code TS / React suivant donne l'erreur Argument de type '"startDate" | "endDate" | null 'n'est pas attribuable au paramètre de type' SetStateAction '. Le type "startDate" "ne peut pas ....
Je veux créer un type autour des lignes de: interface Type<ofWhat>'fieldName'{ fieldName: ofWhat[]; otherProps: any; } Parce que le point de terminaison de l'API a cette conception étrange. J'ai essayé de faire quelque chose comme ça: type Page<T> = {pageInfo: PageInfo} | {[key:string]: Arr....
Je suis très nouveau dans la dactylographie. J'essaie de taper cette fonction simulée et cela lance l'erreur suivante: Valeur de type '() => {doc: {name: string; en-tête: chaîne; corps: chaîne; catégorie: chaîne; isFunction: booléen; isOperator: non défini; supportedExecutionContexts: chaîn....
4 févr. 2021 à 23:05
J'ai essayé de redimensionner un composant sélectionné à partir de l'interface utilisateur matérielle. Le problème qui s'est posé était le fait que je ne pouvais pas redimensionner correctement le composant à l'aide de la propriété className, l'étiquette n'était pas au bon endroit et la hauteur de ....
J'obtiens cette erreur chaque fois que j'essaie de définir la valeur de mon TextInput sur un état du code, voici le code pour cela: <TextInput style={styles.inputBox} placeholder="Word Here" onChangeText={text2 => { this.setState({ text: text2 }); }} value={this.state.text} /> Voici mon....
28 janv. 2021 à 14:41
const [value, setValue] = React.useState( options.find(opt => opt.id == valueId) && options.find(opt => opt.id == valueId).title, ); Comment puis-je réparer cela?....
25 janv. 2021 à 12:56
J'essaye de construire mes composants sur la bibliothèque React-Hooks-Form. J'utilise Ionic 5 avec React pour mon projet. J'arrive à résoudre tous mes composants, à côté du composant de sélection. Il est rendu, il contient des éléments, je peux sélectionner l'élément, mais lors de la soumission, ....
J'ai l'événement suivant dans onSubmit en utilisant React et je le change de Javascript en TypeScript. const submitUserHandler = (e) => { e.preventDefault(); dispatch( authenticate({ name: e.target.personname.value, pw: e.target.password.value, }) ); }; J'ai essayé d'assigner 'e: React....
Je suis débutant pour réagir et j'utilise ant design pour mon application. Voici mon conflit, j'essaie de faire une recherche de nom de livre et de prix après l'affichage des détails, mais je ne sais pas comment le faire correctement. Quelqu'un sait comment faire cela correctement? stazkblitz ici....
23 janv. 2021 à 13:11
J'ai essayé de créer une recherche d'entrée Ant design 4 pour filtrer les données, le nom et l'âge, lorsque je recherche le nom ou l'âge, je veux afficher les données de la table mais cela ne fonctionne pas, tout le monde sait comment le faire correctement stazkblitz ici em> code ici const col....
22 janv. 2021 à 21:18
J'utilise React, j'ai donc un objet props, par exemple: const props: { id: number, name?: string} = { id: 1 }; // not defining the `name` const { id, name } = props; // here the `const name` becomes undefined forever and even if I use the defaultProps pattern of React, Typescript still shows warning....
Comment exécuter complètement la build azure devops, même en cas d'échec de certains cas de test. Avec les scripts mentionnés ci-dessous, la construction se termine avec le code d'erreur 1. tâches azure build pipleline: - .......
J'ai créé une page qui a deux colonnes: Dans une colonne l'idée est d'afficher une liste d'éléments Sur l'autre colonne, je devrais montrer quelques informations liées à l'élément sélectionné Le code que j'ai jusqu'à présent est: .......
Dans mon application React, j'ai une interface dans laquelle je spécifie également la méthode onSubmit en option et avec le type any (que je veux éviter). Je cherche donc un moyen de définir un type pour la méthode onSubmit. Voici mon interface: export interface CustomInterface { product?: Produc....