react-bits icon indicating copy to clipboard operation
react-bits copied to clipboard

What about using an object?

Open angelogulina opened this issue 7 years ago • 2 comments

Given this: https://github.com/vasanthk/react-bits/blob/master/patterns/18.conditionals-in-jsx.md What about something like this:

const sampleComponent = () => {
  const basicCondition = flag && flag2 && !flag3;
  const obj = {
    'flag4': 'Blah',
    'flag5: 'Meh'
  };
  if (basicCondition) {
    return <p>{obj[flagName] || Herp}</p>
  }
  return <p>Derp</p>
};

angelogulina avatar Nov 06 '17 08:11 angelogulina

@AngeloGulina nice :D

Going further:

const sampleComponent = () => {
  const basicCondition = flag && flag2 && !flag3
  const obj = {
    'flag4': 'Blah',
    'flag5: 'Meh'
  }

  return <p>{basicCondition ? obj[flagName] || Herp : Derp}</p>
}

However I prefer using cond from lodash in such a case ;)

cytrowski avatar Nov 12 '17 20:11 cytrowski

@cytrowski, honestly I didn't think about cond. Good idea, thanks!

angelogulina avatar Nov 13 '17 06:11 angelogulina