React Props Nedir?

React Props, React uygulamalarında componentler arasında veri akışını sağlamak için kullanılan bir yapıdır. Props, componentlere veri göndermek için kullanılır ve component içerisinde değiştirilemez.

React Props'un temel amacı, componentler arasında veri akışını sağlamak ve componentlerin tekrar kullanılabilmesini kolaylaştırmaktır. Props, componentlere veri gönderirken, component içerisinde değiştirilmesini engellemektedir. Böylece, her component tek bir görev üstlenir ve sadece o görevle ilgili işlemleri yapar.

Props kullanmak, componentler arasında daha esnek ve kolay bir veri akışı yapmanızı sağlar. Ayrıca, componentlerin tekrar kullanılabilmesini kolaylaştırır ve componentlere verilen verilerin component içerisinde değiştirilmesini engelleyerek uygulamanın daha güvenli hale gelmesine yardımcı olur.

Aşağıdaki örnekte, component'e props olarak isim verisi gönderilmektedir:

import React from 'react';

function User(props) {
  return (
    <div>
      <p>Adı: {props.isim}</p>
    </div>
  );
}

export default User;

Daha sonra, component'i başka bir component içerisinde kullanabilir ve component'e isim verisi gönderebilirsiniz:

import React from 'react';
import User from './User';

function App() {
  return (
    <div>
      <User isim="John Doe" />
    </div>
  );
}

export default App;

Bu örnekte, component User componentine isim verisi gönderilmiş ve component içerisinde bu veri kullanılmıştır.

React Props, componentler arasında veri akışını sağlamanın yanı sıra, componentlerin tekrar kullanılabilmesini de kolaylaştırır. Böylece, componentler arasında veri akışını kolayca yapabilir ve componentleri daha esnek bir şekilde kullanabilirsiniz.