Maison > Article > interface Web > Que faire si la clé de réaction signale une erreur
Solution pour réagir à l'erreur de clé : 1. Recherchez la méthode "map" ou "forEach" sur la page d'erreur, puis ajoutez un identifiant de clé unique ; 2. Ajoutez l'attribut "key" au bouton personnalisé dans le pied de page.
L'environnement d'exploitation de ce tutoriel : système Windows 10, React version 18.0.0, ordinateur Dell G3.
Que dois-je faire si j'obtiens une erreur dans la touche de réaction ?
analyse des erreurs de valeur de clé de réaction
Il est facile d'avoir un rapport d'erreurs de clé lors de l'utilisation de réagir. La solution générale consiste à rechercher la page d'erreur à l'aide de map ou forEach et d'ajouter un identifiant de clé unique
{arr.map(item)=>{ <div value={item.name} key={item.id}>{item.name}</div> } }(切记key必须是唯一的,如果没有唯一值,你可以使用index作为key值) {arr.map(item,index)=>{ <div value={item.name} key={index}>{item.name}</div> } }
Il existe également des fonctionnalités spéciales. Si vous utilisez le composant Modal et personnalisez l'attribut de pied de page à l'intérieur
, l'erreur indiquée ci-dessous sera signalée
C'est à ce moment-là que vous devez ajouter l'attribut clé au bouton personnalisé dans le pied de page. le code est le suivant
<Model title:"新建" visible={visible} onCancel={()=>this.onCancel} onOk={()=>this.onOk} width={500} footer={[ <div> <Button key="submit" onClick={this.save}>保存</Button> <Button key="back" onClick={this.cancelBack}>取消</Button> </div> ]} ></Modal>
Apprentissage recommandé : "Tutoriel vidéo React"
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!