I'm new to React JS, I want to create a ToDo list app. I have `App.js` which is the main page and so I have created `MainBlock` component for `App.js` page which holds left and right side of my layout and in right side property it loads `Form` component which has `input` and `button` and saves input values to an array in `state` and in left side it loads `List` component which has a property named `allTasks` which prints all tasks.
My problem is how can I transfer `allTasks` state from Form Component to `App.js` to pass it to `List` component property?
In App.js :

```
<MainBlock
left={  
    <List allTasks={['خرید از فروشگاه', 'تعویض دستگیره درب منزل']} />} 
right={
    <Form />
} />

```