перечислить массив реквизита в компонент реагирования

Question

Я новичок в реакции. Я пытаюсь создать приложение toDo, я создал форму в качестве родительского компонента и отправляю входные данные в качестве реквизита для компонента списка.Я запутался, должен ли я объявить state:[];, а затем, когда я отправляю реквизиты, создаю метод для установки нового состояния, потому что список будет заполнен вводом формы, а затем отображать его или, если я использую реквизитыкак они приходят из родительского компонента в виде массива.Я надеюсь, что я ясен с моей ситуацией.пока это мой код:

class List extends React.Component{
    constructor(props){
        super(props);
        this.state = {listTasks:props.task};

        this.onChange=this.onChange.bind(this);
    }

    onChange(){
        const tasks = this.props.task;
        return tasks.map((task,index) => 
            <div className='item' key = {index}><li >{task}</li><button onClick={this.handleButton}>Done</button></div>);

    }

    render(){
        //const tasks = this.props.task;
        //const listTasks = tasks.map((task,index) => 
            //<div className='item' key = {index}><li >{task}</li><button onClick={this.handleButton}>Done</button></div>);
        console.log(this.state);
        return(
            <div className='listWrapper'>
                <ul className='list'>{this.state.task}</ul>
            </div>
        );
    }
}

export default List;