React Element Factories and JSX Warning

أنت على الأرجح هُنا لأن الشيفرة “code” خاصّتك تستدعِ مُكوّنك كدالّة مُجرّدة. تم إزالة ذلك:

var MyComponent = require('MyComponent');

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

JSX

لم تَعُد مُكوّنات React قابلة للإستدعاء مُباشرةً. عوضًا عن ذلك، يُمكنك استخدام JSX.

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

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

بدون JSX

إن كُنت لا تريد ، او لا تستطيع استخدام JSX فعليك بتغليف المُكوّن خاصّتك بِمَنصع “factory” قبل استدعائه:

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

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

يكون ذلك طريق تحديث سهل إن كان لديك الكثير من استدعائات الدوال.

مُكوّنات ديناميكية بدون JSX

اذا حصلت على مُكون صنف من مصدر ديناميكي فَمن المُمكن الّا يكون من الضروري انشاء مصنع تستدعيه مُباشرة. بدلًا من ذلك ُيُمكنك انشاء العنصر خاصّتك مُباشرة “inline”:

var React = require('react');

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

بالتفصيل

اقرأ المزيد عن سبب عملنا لهذا التغيير.