Fill in the blanks to correctly export the Cart component.

Question

Fill in the blanks to correctly export the Cart component.

function Cart(props) {
const arr = props.cart;
const listItems = arr.map((val, index) =>
<li key={index}>{val}</li>
);
return <ul>{listItems}</ul>;
}

mapStateToProps(state) {
return {cart: state.cart}
}

default connect(
)
(
)

Answer 1

Ans:

function Cart(props) {
const arr = props.cart;
const listItems = arr.map((val, index) =>
<li key={index}>{val}</li>
);
return <ul>{listItems}</ul>;
}

function mapStateToProps(state) {
return {cart: state.cart}
}

default connect(mapStateToProps)
(cart)

Answer 2

Ans:

function Cart(props) {
const arr = props.cart;
const listItems = arr.map((val, index) =>
<li key={index}>{val}</li>
);
return <ul>{listItems}</ul>;
}

function mapStateToProps(state) {
return {cart: state.cart}
}

export default connect(mapStateToProps)
(cart)

Answer 3

Hii there can you try it once ?

Answer 4

function Cart(props) {
const arr = props.cart;
const listItems = arr.map((val, index) =>
<li key={index}>{val}</li>
);
return <ul>{listItems}</ul>;
}

function mapStateToProps(state) {
return {cart: state.cart}
}

default connect(mapStateToProps)
(cart)