Tell us what’s happening:
I know the solution, but the last warning is misleading… It will show if you forget to use the .join method, but makes no mention of that problem.
Your code so far
const List = (props) => {
{ /* change code below this line */ }
return <p>{props.tasks.join(", ")}</p>
{ /* change code above this line */ }
};
class ToDo extends React.Component {
constructor(props) {
super(props);
}
render() {
return (
<div>
<h1>To Do Lists</h1>
<h2>Today</h2>
{ /* change code below this line */ }
<List tasks={["eat", "drink"]}/>
<h2>Tomorrow</h2>
<List tasks={["party", "be-merry", "Take names"]}/>
{ /* change code above this line */ }
</div>
);
}
};
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/83.0.4103.106 Safari/537.36.
Challenge: Pass an Array as Props
Link to the challenge: