Передача значения в комплекте React JS-файл?

Интересно, можно ли передать аргумент в ответную точку входа.Передача значения в комплекте React JS-файл?

Моя точка входа выглядит следующим образом:

module.exports = { 
    entry: "./js/components/Application.js", 
    output: { 
     path: "./dist", 
     filename: "bundle.js" 
    }, 
    // ... 
}

Мои application.js:

import React from 'react'; 
import ReactDOM from 'react-dom'; 
import AnotherComponent from './AnotherComponent'; 

ReactDOM.render(<AnotherComponent />, document.getElementById('content'));

Не я связать мое приложение с WebPack и включить этот пакет в другом приложении. Это приложение обеспечивает DIV с идентификатором «содержание»:

<body> 
    <div id="content"></div> 
    <script src="bundle.js" /> 
</body>

Я знаю, что я могу сделать что-то вроде

<script src="bundle.js" myargument="somevalue" />

, но как я могу получить это значение для передачи его компоненту среагировать AnotherComponent как имущество?

источник

2016-11-10 Ria

Как насчет

<script id="bundle" src="bundle.js" myargument="somevalue" />

, а затем

const myScript = document.getElementById('bundle'); 

ReactDOM.render(<AnotherComponent 
    myArgument = {myScript.getAttribute('myargument')} 
/>, document.getElementById('content') 

);

источник

2016-11-10 08:24:40 lustoykov

Это работает, спасибо много! (Я не думал, что могу на самом деле получить «скрипт» и просто получить от него значение). – Ria

добро пожаловать ;-) – lustoykov

Передача значения в комплекте React JS-файл?

ответ

Смежные вопросы