J'ai un composant qui reçoit des accessoires de détails de l'utilisateur tels que i Voulez-vous la recevoir à l'intérieur d'un composant parent et l'afficher en combinant comme ceci: Quelle est la meilleure méthode pour vérifier si la valeur est définie pour premier_name et last_name . Il est possible que l'un des premier_name et last_name soit non défini ou les deux sont non définis . first_name et last_name à l'intérieur de l'état ternaire ci-dessus et combine uniquement des valeurs définies?
4 Réponses :
Vous pouvez définir des types de propulseurs par défaut aucun besoin d'opérateur ternaire. Si cela est indéfini, il obtiendra la valeur par défaut des accessoires par défaut. merci
Si d'abord est indéfini, le résultat concédé serait «X» (commencez par un blanc)
Je comprends vos questions. Je suis juste en train de donner une direction du point de vue de réact. S'il pense que c'est la bonne approche, il peut améliorer cette logique. :)
@Qubaishbhatti a fait un post résolu votre problème? Veuillez nous informer si vous avez d'autres questions.
Vous pouvez utiliser un tableau pour stocker les deux accessoires,
puis P> N / A CODE> P>
const generator = list => {
const result = list.join(" ").trim();
return result ? result : "N/A";
};
console.log('>' + generator(["first", "second"]) + '<');
console.log('>' + generator(["first", undefined]) + '<');
console.log('>' + generator([undefined, "second"]) + '<');
console.log('>' + generator([undefined, undefined]) + '<');
Essayez ceci.
console.log(["FirstName", undefined].join(" ").trim());
console.log([null, "LastName"].join(" ").trim());
console.log(["FirstName", "LastName"].join(" ").trim());
console.log([null, undefined].join(" ").trim());
function getFullName( props = {} ){
const{ client_firstname='', client_lastname='' } = props;
let SEPERATOR = client_firstname && client_lastname ? " ": "";
return `${client_firstname}${SEPERATOR}${client_lastname}`
}
console.log( getFullName(
{ client_firstname:'stack', client_lastname:'overflow' }
))
console.log( getFullName(
{ client_firstname:'', client_lastname:'overflow' }
))
console.log( getFullName(
{ client_lastname:'overflow' }
))
console.log(getFullName(
{ client_firstname:'stack', client_lastname:undefined}
))
console.log(getFullName(
{}
))
console.log(getFullName())