“React for Loop” Kod odpowiedzi

Funkcja map w React

function NameList() {
	const names = ['Bruce', 'Clark', 'Diana']
    return (
    	<div>
      {names.map(name => <h2>{name}</h2>)}
      	</div>
    )
}
Fortune Mbulazi

React for Loop in Render

render: function() {
  const elements = ['one', 'two', 'three'];
  return (
    <ul>
      {elements.map((value, index) => {
        return <li key={index}>{value}</li>
      })}
    </ul>
  )
}
Bad Booby

Pętla reaguje komponenty

const rendered = [];
  for (let  id of ids) {
    rendered.push(<h3>{id}</h3>);
  }
	return (
      <div >
      	{rendered}
      </div>
	);
Tim Poels

React for Loop

<tbody>
  {[...Array(10)].map((x, i) =>
    <ObjectRow key={i} />
  )}
</tbody>
Repulsive Rabbit

React Loop przez tablicę

this.items = this.state.cart.map((item, key) =>    <li key={item.id}>{item.name}</li>);
Tired Trout

Odpowiedzi podobne do “React for Loop”

Pytania podobne do “React for Loop”

Więcej pokrewnych odpowiedzi na “React for Loop” w C#

Przeglądaj popularne odpowiedzi na kod według języka

Przeglądaj inne języki kodu