Reactjs 控制台日志(log)记录react

发布于11月18日

我是一个全新的react 者，我正在try 为《Meteor 》做准备，并将其他来源的东西拼凑在一起.其中一个源代码为应用程序设置了控制台日志(log)记录，但我采用ES6/JSX的方式，因此仅使用它们的代码对我来说不起作用(或者看起来不起作用).

我找到的一些日志(log)代码是

import Logger from 'simple-console-logger';
Logger.configure({level: 'debug'});

but I'm seeing this error

我还试着用react-logger和react-console-logger，但都没有用.这是我对后者的代码，我认为应该可以.

import {Logger, ConsoleLogger} from 'react-console-logger';
const myLogger = new Logger();
export default class App extends Component {
    render() {
        myLogger.info('something witty');
    }
}

然而，myLogger.info('...')正在拨打node_modules/react-console-logger/lib/Logger.js，其定义为

this.logger是未定义的，尽管我看到上面有定义？

有人知道我做错了什么吗？在我看来，这个库有错，但也许这与我使用JSX文件而不是js有关？

export default class App extends Component { componentDidMount() { console.log('I was triggered during componentDidMount') } render() { console.log('I was triggered during render') return ( <div> I am the App component </div> ) } }

Reactjs 控制台日志(log)记录react

推荐答案

Reactjs相关问答推荐

在此上下文中如何在缓冲(隐藏)视频和渲染视频之间切换？

如何通过TEK查询将对象传递到Express后台

如何使用react-router-dom导航到网页中的其他路由？

Reaction Hook'；useEffect&；有条件呼叫问题：

react 路由GUGUD Use Effect无法通过useNavigate正常工作

生成Reaction Vite应用程序的停靠容器时无法识别环境变量

Reaction中的数据加载不一致

如何在NextJS中仅在刷新页面和页面淡出页面过渡时添加全屏加载器

禁止直接访问Next.js中的页面，同时允许从应用程序内部访问

Redux工具包-useSelector如何通过Reducer引用InitialState？

在 React 中使用forwardRef时无法声明自定义属性

React useEffect 依赖项

Mui DataGrid 在第二页和前一页上显示项目时出现问题

React Router 6 点击链接在 React 18 应用中打开 flickr 页面

Material UI：使用 mui 手风琴时出现props 类型失败：isValidElement 不是函数

当父组件重新渲染时做出react ，我失go 了子状态.我错过了什么？

如何实现两个 SVG 形状相互叠加的 XOR 操作？

单击当前子div时如何更改p标签的图像和样式？react

如何防止 mui x-date-picker 被截断？

试图将页面限制为仅登录但有条件的用户似乎永远不会运行