Reactjs-调用组件并传递字符串变量

Question

我有一个称为Logging的React组件，它接受字符串变量“ newLogEntry”并更新包含所有日志消息的文本区域。

我希望能够从代码中的任何位置（index.js，App.jsx等）调用此组件。

我希望返回文本字符串：“日志已更新”

我找不到从函数内调用Logging组件的方法。到目前为止，我所看到的所有示例都假定组件启动了该过程，但是对于我的应用程序，该过程必须在index.js或App.jsx代码中启动。

有些帮助将不胜感激。

这是日志记录组件代码：

   import React from 'react';
import ReactDOM from 'react-dom';

var userMessage = "New log message added";

function UpdateLog(props) {
  const newLogEntry = "props.logmessage";
  var logsAll = "ConsoleLog: " + document.getElementById('Logs').innerHTML;
  logsAll = newLogEntry  + "|" + logsAll;


  ReactDOM.render(
  (logsAll),
  document.getElementById("Logs")
  )
}


export default(userMessage);

Answer 1

快速查看代码和描述，似乎无法从代码中的任何位置访问组件。这是因为您的导出未导出要渲染的功能。修改为'''导出默认的updateLog'''