在ReactJS中,哪里可以放置一次运行的内容?

时间:2018-09-30 01:52:00

标签: javascript reactjs

我是React的新手,但是多年来一直在做Java脚本。在我的大多数应用中,在ReactJS之前,我都会有一个init()函数来执行以下操作:

  1. 更改文档标题
  2. 执行一个console.log,上面写着“应用版本xxx的名称已初始化”
  3. 在页面底部添加版本号
  4. 等,等等。

在ReactJS中,我将在哪里做这些事情?

编辑:我的意思是,通常我会有这样的东西:

function init() {
  document.title = APP.title;
  console.log(APP.title + ' version ' + APP.version + ' initialized.');
  $( '#bottom-info' ).text( APP.version );
}
init();

使用ReactJS时,外观如何?去哪里?

1 个答案:

答案 0 :(得分:2)

public/index.html是您开始的地方。所有HTML都从该文件中呈现,您可以在其中更改标题,链接样式表等。您还将找到根元素,例如:

<div id="root"></div>

这将是您的react应用程序的附件。

src/index.js文件中,您可以使用以下方式查看react组件的附加状态:

ReactDOM.render(
  <App />, // react component
  document.getElementById('root') // is attached to html root element
);

您可以在此处记录应用程序的名称,其版本等。我希望您可以在App组件之后进一步深入研究。