Maison  >  Article  >  interface Web  >  Que faire si la clé de réaction signale une erreur

Que faire si la clé de réaction signale une erreur

藏色散人
藏色散人original
2022-12-27 11:45:242424parcourir

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.

Que faire si la clé de réaction signale une erreur

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

Que faire si la clé de réaction signale une erreur

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn