Create A List In React

import React, { Component } from 'react';
import ReactDOM from 'react-dom'
import '../node_modules/bootstrap/dist/css/bootstrap.min.css';


class Message extends Component {

    fruits = ['Banana', 'orange', 'Apple'];
    render() {
        return (
            <div>
                <ul>
                    {this.fruits.map(fruit => <li key={fruit}>{fruit}</li>)}
                </ul>
            </div>
        );
    }

}
ReactDOM.render(<Message />, document.getElementById('root'));

Query/Feedback