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.