score:1

Accepted answer
render() {
    const recipeListItems = this.state.Names.map((recipeName) =>
        <RecipeListItem recipeName={recipeName} />
    );

    return (
        <div>
            <Card className="card-modified">
                <CardHeader>Recipe List</CardHeader>
                <CardBody>
                    <CardText>
                        <ul>
                            {recipeListItems}
                        </ul>
                    </CardText>
                </CardBody>
            </Card>
        </div>
    );
}

score:0

w.setState({loadingMessage:'complete'});
....
w.setState({loadingMessage:'loading...'});

Related Query

More Query from same tag