React Element Factories and JSX Uyarısı

Muhtemelen buraya kodunuz, bileşeninizi sade bir fonksiyon olarak çağırdığı için geldiniz. Bu artık kullanımdan kaldırıldı:

var MyComponent = require('MyComponent');

function render() {
  return MyComponent({ foo: 'bar' });  // UYARI
}

JSX

React bileşenleri artık bu şekilde direkt olarak çağırılamaz. Bunun yerine JSX kullanabilirsiniz.

var React = require('react');
var MyComponent = require('MyComponent');

function render() {
  return <MyComponent foo="bar" />;
}

JSX Olmadan

Eğer JSX kullanmak istemiyorsanız ya da kullanamıyorsanız bileşeninizi çağırmadan önce onu bir [createFactory(/docs/react-api.html#createfactory)] ile sarmallamanız gerekiyor:

var React = require('react');
var MyComponent = React.createFactory(require('MyComponent'));

function render() {
  return MyComponent({ foo: 'bar' });
}

Eğer halihazırda çok fazla fonksiyon çağrınız varsa bu onları yükseltmek için kolay bir yoldur.

JSX’siz dinamik bileşenler

Eğer bir bileşen sınıfını dinamik bir kaynaktan alıyorsanız, anlık olarak çalıştırdığınız için bir Factory oluşturmak gereksiz olabilir. Bunun yerine sadece elemanınızı satır içi şeklinde oluşturabilirsiniz:

var React = require('react');

function render(MyComponent) {
  return React.createElement(MyComponent, { foo: 'bar' });
}

Daha fazla detay

Bu değişikliği NEDEN yaptığımıza dair daha fazla detayı okuyun.