[Rails 6] cocoon_ introduction

Environnement de développement

• Rails 6.0.3.4
• yarn 1.22.4

table des matières __1) Comment installer cocoon

1. Introduction de jQuery Cliquez ici si vous ne l'avez pas encore fait
2. Présentation du fil cocoon add github: commande nathanvda / cocoon # c24ba53
3. Écrivez dans application.js >> import "cocoon";

2. Ajouter un formulaire dynamiquement * Chikajika sera UP
3. Ajouter des attributs d'identifiant et de données au formulaire ajouté __

1) Comment installer cocoon

1. Présentation de jQuery

__ Si vous ne l'avez pas encore fait __

2. Introduction du cocon

Gemfile

gem 'cocoon'
* N'oubliez pas de redémarrer le serveur avec l'installation du bundle *
*Je n'ai pas pu expérimenter, mais je pense que ce n'est pas grave si vous ne l'écrivez pas dans le fichier gem (ci-dessous)"yarn add"Parce que je le fais. )*

Terminal

yarn add github:nathanvda/cocoon#c24ba53

C'est OK si la description suivante est ajoutée à package.json après l'exécution.

app/package.json

"cocoon": "github:nathanvda/cocoon#c24ba53"

__ * Remarque: le Dépôt officiel __ décrit uniquement comment installer jusqu'à Rails 5. Par conséquent, il est officiellement décrit comme "yarn add @ nathanvda / cocoon", mais veuillez noter qu'il ne sera pas ajouté correctement à moins que ce ne soit la commande ci-dessus. __ ** À propos de la raison pour laquelle vous devez ajouter "# c24ba53" après cocoon __

2. Décrit dans application.js

Javascript/packs/application.js

require('jquery') //Cela dépend de jQuery, donc cela ne fonctionnera pas sans lui.
import "cocoon"   //Description de Running Cocoon

__ * Supplément: __ "require (" @ nathanvda / cocoon ")" dans l'explication du site officiel ← Si vous utilisez cette description ensemble, deux formulaires seront ajoutés dynamiquement lorsque vous cliquerez sur le bouton, donc ne l'utilisez pas ensemble S'il vous plaît soyez prudente. Je ne l'ai pas essayé, mais je pense que cela fonctionne de toute façon.

__ L'installation est terminée ci-dessus. __

2) Ajouter des formulaires dynamiquement

Jusqu'à ce que vous écriviez un article Je publierai l'article auquel j'ai fait référence lors de sa présentation.

Références Le cocon Quitta Rails6 introduit: https://qiita.com/ashketcham/items/87e3db665ca9c66ce673 2020-06-27 slim j'utilise: https://k-koh.hatenablog.com/entry/2020/06/27/125710 Vidéo Qitta Gif disponible: https://qiita.com/ohnitakahiro/items/dd0e44a7ebbaa6bf5ab8 Qitta Parents, enfants, petits-enfants: https://qiita.com/hitochan/items/5a45a95e644492d66160 Rails Application Build Guides：https://rails.densan-labs.net/form/relation_register_form.html 　　 c'est tout.