Messages app in code editor

JavaScript
1

If we were to render this to the server, would we render the component AppWrapper?

const Provider = ReactRedux.Provider;
const connect = ReactRedux.connect;

// Define the Container component here:
const Container = connect(mapStateToProps, mapDispatchToProps)(Presentational);

class AppWrapper extends React.Component {
constructor(props) {
  super(props);
}
render() {
  // Complete the return statement:
  return (
    <Provider store={store}>
    <Container />
    </Provider>
  );
}
};

ReactDOM.render(<ConnectedComponent />, document.getElementById("root"));

HTML

<div id="root"></div>

The display is the issue.

2021-04-14-react-redux-connect-redux-to-the-messages-app-1-.js (codepen.io)

Challenge: Connect Redux to the Messages App

Link to the challenge:

2

Well, it’s client-side, but yes.

  1. You have to add redux and react-redux to the Codepen.

  2. You have some extra duplicated code.

  3. You should render AppWrapper.

3

Client-side rendering. Removing the duplicated section in the JS helped. Adding redux and react-redux made the display appear. Thank you.

4

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.