map function not working in React

by

First you missed to return, then you must return ONE element.
Here you return a <p> and a TextNode

Moreover you need to provide a unique key.

Try with this :

{this.props.data.productSpecs.map(function(productSpec, i){
        return <span key={i}><b>Category Name:</b> {productSpec}</span>;
})}

More Related Contents:

  1. Unable to access React instance (this) inside event handler [duplicate]
  2. What do multiple arrow functions mean in JavaScript?
  3. Adding script tag to React/JSX
  4. Arrow function without curly braces
  5. Map vs Object in JavaScript
  6. Why shouldn’t JSX props use arrow functions or bind?
  7. When to use ES6 class based React components vs. functional ES6 React components?
  8. Why and when do we need to bind functions and eventHandlers in React?
  9. What does three dots do in ReactJS [duplicate]
  10. React Native: require() with Dynamic String?
  11. Concatenating variables and strings in React
  12. React functional stateless component, PureComponent, Component; what are the differences and when should we use what?
  13. How do I persist a ES6 Map in localstorage (or elsewhere)?
  14. What is the difference between using constructor vs state = {} to declare state in react component?
  15. React useState hook event handler using initial state
  16. Active link with React-Router?
  17. Using Array objects as key for ES6 Map
  18. When should I use brackets with imports
  19. Arrow functions and the use of parentheses () or {} or ({})
  20. What does calling super() in a React constructor do?
  21. Unable to use Arrow functions inside React component class [duplicate]
  22. Define a custom hash() method for use with ES6 maps
  23. ES6 functions, arrow functions and ‘this’ in an ES6 class [duplicate]
  24. this.setState is not a function [duplicate]
  25. Error: How to serialize data from getStaticProps : Next.js
  26. Update one of the objects in array, in an immutable way
  27. First item from a Map on JavaScript ES2015
  28. How to namespace es6 classes (for React components)
  29. React cannot read property map of undefined
  30. import * as React from ‘react’; vs import React from ‘react’;

Leave a Comment