javascript nutrition.js

Posted 2021-05-03

import React from 'react';

function Nutrition(props) {
    console.log('what am i ' + props.info)

    const displayNutrition = props.info.map((qs, i) =>
        <div>
            <h2>{qs.question}</h2>
            <input type="checkbox"
                checked={qs.agree}
                name="agree"
                key={qs.i}
                id={i}
                onChange={props.toggleChange("nutrition", qs)}
            />
        </div>
    )

    return(
        <div>
            <h1>Nutrition is working</h1>
            {displayNutrition}
            <p>{props.info[2].more}</p>
        </div>
    )
}

export default Nutrition;