Question

128

Expression Expected in React using Switch Statement

rated 0 times [ 133] [ 5] / answers: 1 / hits: 28367 / 5 Years ago, tue, march 19, 2019, 12:00:00

I am using switch statement inside a react file .Getting Expression Expected error in first case line.

export default ({handle, state}) => (

  <div style={styles.container} >

    <h3 style={{margin: 0, marginBottom: 15}}>InputData</h3>

    {items.map((item) => (

      <div style={styles.lineContainer}>

        switch(item.name){

          case name1: return <InputBox/>;

          case name2: return <SelectBox/>;

          case name3: return <<SelectBox/>;/>;

          default: return <InputBox/>

        }

      </div>

    ))}

  </div>

);

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

neildrews

Add To Favorites

Follow

Total Points: 166

Total Questions: 103

Total Answers: 85

Location: Moldova

Member since Sat, Aug 6, 2022

2 Years ago

neildrews questions

1 scrollIntoView() doesn't scroll anywhere

Fri, Feb 18, 22, 00:00, 2 Years ago

1 MUI - makeStyles - Cannot read properties of undefined

Tue, Oct 12, 21, 00:00, 3 Years ago

1 How to select an option of a slim select with jquery

Tue, Mar 23, 21, 00:00, 3 Years ago

1 Angular: How to refresh a part of html ( form / div / table )

Wed, Aug 19, 20, 00:00, 4 Years ago

1 How to access plugin from nuxt.js store?

Sun, Aug 16, 20, 00:00, 4 Years ago

View All

answered 5 Years ago stacie · Accepted Answer

If you want to inline a switch statement, you need to encase it inside an IIFE.

export default ({handle, state}) => (

  <div style={styles.container}>

    <h3 style={{margin: 0, marginBottom: 15}}>InputData</h3>

    {items.map((item) => (

      <div style={styles.lineContainer}>

        {(() => {

          switch(item.name) {

            case name1: return <InputBox/>;

            case name2: return <SelectBox/>;

            case name3: return <SelectBox/>;

            default: return <InputBox/>

          }

        })()}

      </div>

    ))}

  </div>

);