1
define('chart', ['l/graph'], function (Graph) {
    ...
    return React.createClass({
        displayName: 'Chart',

        render: function() {
            ...
        }
    });
});

Данный код создаёт React компонент Chart. Подскажите как можно было бы переопределить метод render этого компонента при помощи JS?

P.S.: В JS не разбираюсь, прошу помочь.

3
  • Ну и старенькую же Вы версию реакта выбрали, конечно...
    – meine
    21 мар 2019 в 17:45
  • Да. React (with addons) v0.12.1
    – D .Stark
    21 мар 2019 в 17:48
  • переопределить где? и для чего?
    – ThisMan
    22 мар 2019 в 11:23

1 ответ 1

1

Предположим, что имеется такой класс:

const Chart = React.createClass({
  displayName: 'Chart',

  render: function() {
    return (<div>Old render!</div>);
  }
});

Можно подменить функцию рендеринга через прототипирование, вот так:

Chart.type.prototype.render = function() {
  return <div>New render!</div>;
};

Пытаться подменить метод рендеринга для компонента считается злым хаком и не считается бэст практис. Полный пример кода:

import React from "react";

const Chart = React.createClass({
  displayName: "Chart",

  render: function() {
    return <div>Old render!</div>;
  }
});

Chart.type.prototype.render = function() {
  return <div>New render!</div>;
};

React.render(<Chart />, document.getElementById("app"));

В результате будет выведено:

New render!

Создание компонентов через createClass считается устаревшим подходом. Советую смотреть в сторону новой версии React.

3
  • А возможно подменить какой либо другой метод? Подмена объекта перед созданием экземпляра не подходит. У меня есть сайт, менять код скриптов которого я не должен. Задача использовать для решения выполнение JS на странице.
    – D .Stark
    22 мар 2019 в 12:44
  • @D.Stark простите, я в прототипизации немного не туда ходил, обновил ответ, подмена render метода возможна. Посмотрите обновленную версию. 22 мар 2019 в 13:05
  • 1
    Замечательно...
    – D .Stark
    22 мар 2019 в 13:10

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.