Apprenons-en plus sur les composants de l’interface utilisateur dans Magento 2

L’un des éléments de Magento qui peut être le plus déroutant est les composants d’interface utilisateur. L’uiRegistry est l’un des outils qui vous aidera à les comprendre.

Le uiRegistry exécute plusieurs fonctions, mais sa caractéristique la plus importante est la possibilité de déboguer en profondeur chaque composant d’interface utilisateur enregistré et chargé sur une page.

Appelez simplement get() avec un rappel de fonction pour enregistrer des informations sur tous les composants dans la console du développeur.

Vous pouvez obtenir des informations sur ce composant en donnant une chaîne à get() avec le nom du composant d’interface utilisateur souhaité. Pour accéder directement à une valeur prop spécifique, ajoutez un point et le nom de la propriété.

Vous devez définir une valeur pour le débogage. La chaîne est sur un appel à set avec un nom de prop et une valeur que vous voulez set().

Êtes-vous prêt à essayer quelque chose de nouveau ? Utilisez l’une de ces lignes pour vous aider à enquêter sur la situation en ouvrant la console de développement du navigateur.

Commencez tout de suite en effectuant les opérations suivantes dans la console de développement de votre navigateur sur une page Magento (peut-être le paiement) :

nécessite(‘uiRegistry’).

console.log(uiItem) => obtenir(uiItem)

Découvrez-en plus sur uiRegistry en l’explorant !