React Diziyi Ters Çevirme

React'de, bir dizinin ters çevrilmesi için Array.prototype.reverse() metodu kullanılabilir. Aşağıdaki örnekte, bir dizi tanımlanmış ve kullanıcı tarafından ters çevir butonu tıklandığında dizinin ters çevrilmesi sağlanmıştır...

import React, { useState } from 'react';

const App = () => {
  const [items, setItems] = useState(['item1', 'item2', 'item3']);

  const handleReverse = () => {
    setItems([...items].reverse());
  };

  return (
    <div>
      <ul>
        {items.map((item, index) => (
          <li key={index}>{item}</li>
        ))}
      </ul>
      <button onClick={handleReverse}>Reverse</button>
    </div>
  );
};

export default App;

Bu örnekte, useState Hook kullanılarak items dizisi tanımlanmıştır. handleReverse fonksiyonu, ters çevir butonuna tıklandığında çalışır ve setItems fonksiyonu ile items dizisi ters çevrilir. Array.prototype.reverse() metodu kullanılarak, items dizisi kopyalanır ve ters çevrilir, sonrasında setItems fonksiyonu ile güncellenir.



İlginizi Çekebilir

React Sinüs Değerini Hesaplama

React 1'den 100'e Kadar Sayı Toplam Örneği

React Bir Sayının Karekökünün Hesaplanması

React Bir Sayının Mutlak Değerinin Hesaplanması

React Dosya Oluşturma