小编Umb*_*bro的帖子

How can I stop setInterval and then resume from the same place?

Example:

start ---> 1,2,3,4,5 .... ---> stop ---> start ---> 6,7,8 ...

index.html

<div onclick=start()>start</div>  
<div onclick=stop()>stop</div>

index.js

let refreshInterval = null;

start() {
  var i = 0;
    refreshInterval = setInterval(function() {
      console.log(i);
      i++;
    }, 1000);
}


stop() {
    ???????
}

我在 React 中创建了一个 chrome 扩展。我正在尝试通过 socket.io 下载数据。我没有收到任何错误，但数组为空。

我应该设置标头和令牌，但我不知道在app.js服务器中的哪里设置。我在哪里可以设置：

const token = '12345'

headers: {
  'Authorization': `Bearer $ {token}`
}

如果我创建，如何在客户端中设置port服务器app.js和端点？app.jsxchrome extension

有没有其他方法（socket.io 除外）componentDidMount()在React不重新加载页面的情况下在方法中接收数据？

当我转到该地址时http://127.0.0.1:4001，console.log 会显示给我New client connected并且Error: undefined

服务器

//app.js

const express = require("express");
const http = require("http");
const socketIo = require("socket.io");
const axios = require("axios");
const port = process.env.PORT || 4001;/How port in `chrome extension?`
const index = require("./routes/index");
const app = …

在不使用外部库的情况下，您可以建议哪些方法来更改 React 中的语言？我的方法是使用三元运算符{language === 'en'? 'title': 'titre'}。如果语言为en，则显示 ；title如果不是，则显示titre。还有什么方法可以推荐一下。例如，翻译应放置在单独的 json 文件中。

代码在这里： https: //stackblitz.com/edit/react-eu9myn

class App extends Component {
  constructor() {
    super();
    this.state = {
      language: 'en'
    };
  }

  changeLanguage = () => {
    this.setState({
      language:  'fr'
    })
  }

  render() {
    const {language} = this.state;
    return (
      <div>
        <p>
          {language === 'en' ? 'title' : 'titre'}
        </p>
        <button onClick={this.changeLanguage}>change language</button>
      </div>
    );
  }
}

Form.Item如果FormattedMessage在Form.Item元素外部运作良好，则FormattedMessage无法在蚂蚁设计的元素内部运作。帮我！

Form.Item元素外部的FormattedMessage 运行良好

<Form.Item label={<FormattedMessage id="formSignIn.emailField" />}>
    {form.getFieldDecorator('email', {
        rules: [{ required: true, message: <FormattedMessage id="formSignIn.emailValidate" />}],
    })(
        <FormattedMessage id="formSignIn.emailValidate">
            {placeholder => (
            <Input prefix={<Icon type="user" style={{ color: 'rgba(0,0,0,.25)' }} />} placeholder={placeholder} />
            )}
        </FormattedMessage>,
    )}
</Form.Item>

FormattedMessage在Form.Item蚂蚁设计的元素内不起作用

选择从我选择的价值completed，uncompleted或inprogress。在handleStatus函数中，我调用getDetail函数并将其值传递给它status = e.target.value。但是，在getDetail函数中console.log (status)返回我undefined

代码在这里：https : //stackblitz.com/edit/react-kk4yv8

import React, { Component } from 'react';
import { render } from 'react-dom';
import Hello from './Hello';
import './style.css';

class App extends Component {

  constructor (props) {
    super(props);
    this.state = {
      items: [],
      status: ''
    }
  }

    handleStatus = (e) => {
        this.setState({
                status: e.target.value
        })

        this.getDetail(status = e.target.value)
    }

    getDetail = (query, status) => …