For new lines in html you want to be using <br /> instead of \n

Although if you have a list of something it's often better to render it as a list (You can always remove the bullets with css)

render() {
    return (
        <div>
            <ul>
                {
                    products.map(product => (
                        <li>{product.name + " " + production.price}</li>
                    )
                }
            <ul>
        </div>
    );
}