Skip to content

What about using an object? #82

Open

Description

@angelogulina

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>
};

Activity

  1. cytrowski commented on Nov 12, 2017

    @cytrowski

    @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 ;)

  2. angelogulina commented on Nov 13, 2017

    @angelogulina
    Author

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions