Как использовать класс, созданный в одном файле .jsx, в другой файл .jsx в React - PullRequest
Новая
       17

Как использовать класс, созданный в одном файле .jsx, в другой файл .jsx в React

0 голосов
/ 12 марта 2019

У меня есть два файла .jsx.Одним из них является PropertyList.jsx, а другим - PropertyData.jsx.

PropertyList.jsx: 

    var PropertyList = React.createClass({  
        render: function() {
            var rows = this.props.data.map((p, index) => { 
                    return <div className="propertyList">{p.RobotId}</div>
                });
            return <div>{rows}</div>            
        }
    });

PropertyData.jsx: 

var PropertyBox = React.createClass({  
    getInitialState: function() {            
        return {  
            result:[]  
        }  
    },
    componentWillMount: function() {
        // some code which returns property data from web api
    },
    render: function() {
        return(
            <div className="propertyData">
                <h1>Property Data</h1>
                <PropertyList data={this.state.result} />
            </div>
        );
    }
});

ReactDOM.render(<PropertyBox url="<web api URL>" />, document.getElementById("content"));

Я включаю файл PropertyData.jsx, используя javascript, как показано ниже: 

document.write('<script src="react-js/PropertyData.jsx" type="text/babel"></script>');

Итак, я хочу использовать класс PropertyList в PropertyData.jsx, есть ли способ сделать это?

Я искал в Интернете, и во многих публикациях предлагается использовать пакетирование веб-пакетов.

Но в настоящее время я работаю над Visual Studio 2012, и когда я пытался установить веб-пакет с помощью диспетчера пакетов nuget, онотображается следующая ошибка.

Install-Package: Не удалось установить пакет 'Webpack 4.0.0'.Вы пытаетесь установить этот пакет в проект, который нацелен на «.NETFramework, Version = v4.5», но пакет не содержит никаких ссылок на сборки или файлов содержимого, совместимых с этой платформой.Для получения дополнительной информации свяжитесь с автором пакета.

Так есть ли решение для этого?

...