0
votes

Utilisez la valeur de retour de composant A dans le composant B

J'ai le composant suivant. xxx

Je veux renvoyer le fichier renvoyer sur le composant suivant xxx

J'utilise mon composant ce qui suit manière xxx

i veut essentiellement passer test Valeur de retour du composant (retournum) et utilisez-le pour getValuefunction


                        
                        
                            
                                                                    reactjs
                                                            
                        
                                                    
                            
                            
                                4 commentaires
                                
                                                                            Vous avez du mal parce que réagir n'est pas destiné à être utilisé de cette façon. Il rend les choses au DOM. Pouvez-vous simplement utiliser une fonction  informatique  pour obtenir la valeur calculée?

                                        
                                                                            @ BFLEMI3, mon code actuel n'est pas aussi simple, je fais des composants réutilisables, il a donc dû écrire un petit exemple court qui peut être affiché ici et je peux comprendre où je vais mal.
                                        
                                                                            Compris @maddy. S'il vous plaît voir ma réponse en utilisant des composants d'ordre supérieur.
                                        
                                                                            Si vous souhaitez avoir une "source commune de vérité" pour une variété de composants, envisagez d'utiliser un magasin comme par exemple. REDUX.



                                    
                    3 Réponses :
                    
                                            
                            
                                
                                    -1
 votes
                                
                            
                            
                                
                                    import * as React from "react";
import B from "path/to/B";

interface IProps {
  length: number;
  width: number;
}

export default function Test(props: IProps) {
  const { length, width } = props;
  const someNumber = 12;
  let returnNum: number = 0;
  returnNum = (length * width );

  return <B returnNum={returnNum}/>; 
}

                                

                                                                    
                                    
                                    
                                        3 commentaires
                                        
                                                                                            
                                                    Cela va-t-il toujours me retourner  retournum  pour composant A?                                                

                                                
                                                                                            
                                                    Voulez-vous dire que si le retournum modifierait le composant B rafraîchirait avec la nouvelle valeur?                                                
                                                
                                                                                            
                                                    Je veux retourner la valeur du composant A ainsi que du composant B non seulement composant B.                                                
                                                
                                                                                    

                                    

                                                            

                        

                        
                                            
                            
                                
                                    0
 votes
                                
                            
                            
                                
                                     de votre code, je comprends que    code> et    code> sont des frères et sœurs. Je changerais    code> Composant Ajout d'un nouveau projecteur de rappel:  xxx  pré> 
 MAINTURE Vous pouvez enregistrer le  retournum  code> renvoyé de    code> à l'aide du rappel, enregistrez-le dans l'état, puis transmettez-le sur    code> à l'aide de l'état:  p> 
<Test length={18} width={3} updateNum={(newNum) => this.setState({newNum})}/> 
<GetValueToThisFunction returnNum={this.state.newNum} />

                                

                                                                    
                                    
                                    
                                        0 commentaires
                                        
                                                                                    
                                    
                                                            
                        
                        
                                            
                            
                                
                                    1
 votes
                                
                            
                            
                                
                                     Vous pouvez utiliser un  composant d'ordre supérieur  pour rendre votre composant. < Pré> xxx                                  

                                                                    
                                    
                                    
                                        0 commentaires