小编Jak*_*777的帖子

ESLint在反应项目上给了我这个错误.

ESLint - 组件应该写成纯函数(反应首选/无状态函数)

它指向组件的第一行.

export class myComponent extends React.Component {
render() {
    return (

      //stuff here

    );
  }
}

我该如何摆脱这个错误？

当我需要让电子读取本地文件时,我有一个电子项目.

现在我拥有的是它,它加载并显示html文件的内容.

我只是需要它来读取文件并将其存储在变量中.

这是我目前的main.js:

 const {app, BrowserWindow } = require('electron');
const path = require('path');
const url = require('url');
var fs = require('fs');

let mainWindow;

function createNewWindow() {
  mainWindow = new BrowserWindow({
    width: 1300,
    height: 1000,
    minWidth: 600,
    minHeight: 400,
    title: 'Test App'
  })
}

function loadInitialUrl() {
  mainWindow.loadURL(url.format({
    pathname: path.join(__dirname, 'index.html'),
    protocol: 'file:',
    slashes: true
  }))
}

function closeApplication() {
  mainWindow.on('closed', () => {
    mainWindow = null;
})
}


app.on('ready', function(){
  createNewWindow();
  loadInitialUrl();
  mainWindow.setMenu(null);
  mainWindow.openDevTools();
  fs.readFile('./README.md', 'utf8', function (err,data) { …

我正在使用bootstrap btn-group.有html:

<div class="btn-group btn-group-sm" role="group">
    <div type="button" class="btn btn-default btn-1">Button 1</div>
    <div type="button" class="btn btn-default btn-2 active">Button 2</div>
</div>

按钮2它已经激活.

目前我这样做是为了从一个中删除活动类并将其添加到另一个.

$('.btn-2').removeClass('active');
$('.btn-1').addClass('active');

这是最干净的方法吗？还是有更好的方法可以在两个按钮之间切换这个活动类？

我一直在我的组件上从ESLint得到这个错误.

ESLint:说首选默认导出(import/prefer-default-export)

这是组件的外观

export class mycomponent extends React.Component {

  render() {

    //stuff here

  }
}

它要求什么？我怎样才能解决这个问题？

我试图找出React Stateful组件和无状态组件之间的区别.

如我错了请纠正我:

所以,这是一个有状态的组件:

import React from "react";

export class Mycomponent extends React.Component {
    render() {
        return (

            <div>
                <p>My Component</p>
            </div>

        );
    }
}

如何将无状态组件与上述组件区分开来？

我有一个react组件，其中我在class / component /中也有一个变量

这是代码：

import React from 'react';

export class Header extends React.Component {
  constructor() {
    super();
    this.myvar = 'some text';
  }

  render() {
    return (
      <div>
        <div>{this.myvar}</div>
      </div>

    );
  }
}

如何检查“ myvar”是否为空以及上面的组件是否为空？