Breaking News: Grepper is joining You.com. Read the official announcement!

how to style an object separately from list of an array react

Farouk Adedamola answered on October 8, 2022 Popularity 1/10 Helpfulness 1/10

answer how to style an object separately from list of an array react

how to style an object separately from list of an array react

Comment

const values = [
  {
    text: "one",
    css: { color: 'blue' }
  },
  {
    text: "two",
    css: { color: 'red' }
  },
];

const Test = props => {
  const { values } = props;
  
  return (
    <div>{values.map(
      (value, i) => <div key={i} style={value.css}>{value.text}</div>
    )}</div>
  );
}

ReactDOM.render(
  <Test values={values} />,
  document.getElementById("react")
);

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: stackoverflow.com

Tags: javascript list object

Link to this answer
Share Copy Link