TLDR strong>: Je dois faire ce qui suit |-----------------------|
| One input of Form B |
|-----------------------|
| Form A |
|-----------------------|
| Rest of Form B inputs |
|-----------------------|
3 Réponses :
Pensons facile, gardons la structure actuelle.
Ma solution est, séparée "une entrée de formulaire B" (actuellement en B) dans un autre composant. Je ne pense pas que ce soit un processus difficile et apporter des modifications importantes à votre projet.
Je crois que j'ai compris. Je vais mettre "une entrée de formulaire b" dans un nouveau composant et le rendre là où je veux. Ensuite, passez un accessoire booléen en option dans le formulaire B lui dire de ne pas rendre "qu'une seule entrée". Et enfin, lorsque je fais ma forme combinée dans le composant parent, je écraserai la valeur B de formulaire B avec la valeur de mon nouveau composant.
Sur la pensée ultérieure, cette approche est un peu compliquée. Forma comme un composant enfant de FORMB est meilleur.
Si vous voulez garder la séparation complète entre forma / formb dans Reprendre, une solution pourrait être de placer l'entrée FORMB sur le dessus à l'aide de CSS.
supposant que l'entrée de b que vous devez placer sur tout ce que vous avez besoin de xpx de hauteur:
Position: relative
- forma devrait avoir
margin-top: xpx;
- L'entrée de formb qui doit aller sur le dessus devrait avoir:
xxx Cela fonctionnerait, mais dans mon cas, je devrai très probablement mettre cette contribution de formule dans une DIV également pour un positionnement. Ensuite, cette solution serait moins lisible que la désactivation de cette entrée pour le rendu et l'écrasement de manière immuablement qui saisit avec une entrée à partir d'un nouveau composant lors de la combinaison des formulaires.
Faire un forma un composant enfant de FAXB.
return(
//One FormB input
{children}
//Rest of FormB inputs
);