scrimba

React Todo App: Phase 5

by Bob Ziroll

About

Comments

Notes

React Todo App: Phase 5

by Bob Ziroll

Expand for more info

TodoItem.js

run

preview

console

/**
 * Challenge: Get rid of our warning about not having an onChange on our input. For now, the function that runs onChange can simply console.log something.
 */

import React from "react"

function TodoItem(props) {
    return (
        <div className="todo-item">
            <input type="checkbox" checked={props.item.completed}/>
            <p>{props.item.text}</p>
        </div>
    )
}

export default TodoItem

/**

* Challenge: Get rid of our warning about not having an onChange on our input. For now, the

function that runs onChange can simply console.log something.

import React from "react"

function TodoItem(props) {

return (

<p>{props.item.text}</p>

</div>

)

}

export default TodoItem

"Warning: Failed prop type: You provided a `checked` prop to a form field without an `onChange` handler. This will render a read-only field. If the field should be mutable use `defaultChecked`. Otherwise, set either `onChange` or `readOnly`. in input (created by TodoItem) in div (created by TodoItem) in TodoItem (created by App) in div (created by App) in App"

-1:13