Add/delete items to array in react

See more:

ReactJS

Here is my Market file
import {useState} from 'react';

function Market(){
const [items, setItems] = useState([ {

items: "Apples"
},
{
items: "Oranges"
},
{
items: "Bananas"
}

]);

return (


)


}

export default Market;

Here is the AddItems file
import React from 'react';
import Market from '../Market';

class AddItems extends React.Component{
constructor(props){
super(props);
this.state = {
add: []
}

}

render(){
return (

)
}
}



export default AddItems;

Here is the DeleteItems file
import React from 'react';
import Market from '../Market';

class DeleteItems extends React.Component{
constructor(props){
super(props);
this.state = {
remove: []
}
}

render(){
return (

)
}
}

export default DeleteItems;

What I have tried:

I tried doing .push and .splice, but when I type in something to add, nothing happens after I hit the Add button and nothing happens after I hit the Delete button.