Render Object properties in React

by

You are rendering an array but you can only return a single block from your react component, wrap your map function within a div

class Information extends Component {
    render() {
        const otherInformationLoop = otherInformation.map((value, key) => {
            return (
                <div>
                    <div className="col-md-4" key={key}>
                        <div className="dashboard-info">

                            {Object.keys(value).map((val, k) => {
                                return (<h4 k={k}>{val}</h4>)
                                })
                            }

                        </div>
                    </div>
                </div>
            )
        })

        return (

            <div>{ otherInformationLoop }</div>
        );
    }
}

More Related Contents:

  1. Nested routes with react router v4 / v5
  2. React useEffect in depth / use of useEffect?
  3. How to map more than one property from an array of objects
  4. Is useState synchronous? [duplicate]
  5. Javascript: how to dynamically create nested objects using object names given by an array
  6. ReactJS call parent method
  7. Await is a reserved word error inside async function
  8. how to iterate over inner objects / property in an object
  9. React: how to load and render external html file?
  10. Binding vs Arrow-function (in JavaScript, or for react onClick)
  11. How to allow CORS in react.js?
  12. How To Solve The React Hook Closure Issue?
  13. body data not sent in axios request
  14. css position absolute making the textbox go down
  15. Can’t resolve module (not found) in React.js
  16. React-router v4 – cannot GET *url*
  17. When should I automatically create an object even if `new` is forgotten?
  18. map function not working in React
  19. Why I receive blank page? React
  20. Lodash create collection from duplicate object keys
  21. How to restrict access to routes in react-router?
  22. How to check for broken images in React JS
  23. Why is it necessary to use bind when working with ES6 and ReactJS?
  24. How to parse html to React component?
  25. Object referencing its own property on initialization [duplicate]
  26. Converting Array of Objects into Array of Arrays
  27. State not getting updated when calling the related setState in React
  28. How to get simple dispatch from this.props using connect w/ Redux?
  29. Object is not extensible error when creating new attribute for array of objects
  30. How should I alternate componentWillMount()?

Leave a Comment