/Javascript/React/Add if condition in map react

Add if condition in map react

.map(id => {
    if(this.props.schema.collectionName.length < 0)
        return <Expandable>
                  <ObjectDisplay
                      key={id}
                      parentDocumentId={id}
                      schema={schema[this.props.schema.collectionName]}
                      value={this.props.collection.documents[id]}
                  />
              </Expandable>
    return <h1>hejsan</h1>
}

Source: stackoverflow.com

Add if condition in map react

.map(id => {
    return this.props.schema.collectionName.length < 0 ?
        <Expandable>
            <ObjectDisplay
                key={id}
                parentDocumentId={id}
                schema={schema[this.props.schema.collectionName]}
                value={this.props.collection.documents[id]}
            />
        </Expandable>
    :
        <h1>hejsan</h1>
}

Source: stackoverflow.com

Add if condition in map react

renderItem = (id) => {
    // just standard if statement
    if (this.props.schema.collectionName.length < 0) {
        return (
            <Expandable>
                <ObjectDisplay
                    key={id}
                    parentDocumentId={id}
                    schema={schema[this.props.schema.collectionName]}
                    value={this.props.collection.documents[id]}
                />
            </Expandable>
        );
    }
    return (
        <h1>hejsan</h1>
    );
}

Source: stackoverflow.com

Similar codes

0 vote219 views1 answer
React check if mobile or desktop
Javascript React
0 vote226 views1 answer
Reactjs add border to the table row
Javascript React
0 vote349 views2 answers
React native use route params
Javascript React
48 votes203 views4 answers
How to add comment in react js
Javascript React
37 votes163 views5 answers
React sass
Javascript React
0 vote223 views1 answer
React add link to button
Javascript React
0 vote228 views1 answer
Make custom draggable in react
Javascript React
0 vote243 views1 answer
React duration picker
Javascript React
0 vote229 views1 answer
React content loader
Javascript React
0 vote202 views2 answers
Get location from brwoser react
Javascript React