小编Joh*_*_ny的帖子

我试图深入了解useEffect钩子。

我想知道何时使用哪种方法以及为什么？

1.useEffect with no second paraments
 useEffect(()=>{})

2.useEffect with second paraments as []
  useEffect(()=>{},[])

3.useEffect with some arguments passed in the second parameter
 useEffect(()=>{},[arg])

我正在尝试创建多个不同的Redux存储，因为这是createProvider()在'react-redux'中使用方法。

我已经安装了最新版本的react-redux版本（7.1.0），但出现了类似“未从react-redux导出createProvider”的错误。当我浏览节点模块时，我无法找到createProviderreact-redux的src内部。是版本问题还是我在代码中错过了某些内容。我与您分享了以下代码片段：

Provider.js

import { createProvider } from "react-redux";

export const STORE_KEY = "myComponentStore";    
export const Provider = createProvider(STORE_KEY);

TestComponent.js

import React, { Component } from "react";
import { createStore } from "redux";
import Mycomponent from "./MyComponent";

import { Provider } from "./Provider";

const reducer = {};

const initialState = {
  title: "multiple store"
};

const store = createStore(reducer, initialState);

class TestComponent extends Component {
  render() {
    return (
      <Provider store={store}>
        <Mycomponent />
      </Provider> …

我在 React 中使用样式化组件。每当我在样式化组件中编写样式并且在浏览器中加载应用程序时，我都会在开发人员工具的元素选项卡中获得一些随机类名称。我只是想知道幕后发生了什么？

const Button = styled.a`
 display: inline-block;
 border-radius: 3px;
 padding: 0.5rem 0;
 margin: 0.5rem 1rem;
 width: 11rem;
 background: transparent;
 color: white;
border: 2px solid white;
`

render(
 <div>
  <Button
  href="https://github.com/styled-components/styled-components"
  target="_blank"
  rel="noopener"
  primary
>
  GitHub
</Button>
<Button as={Link} href="/docs">
  Documentation
</Button>

）

如果我们检查并检查开发人员工具中的元素，我可以看到一些随机类显示如下；

<a
  href="https://github.com/styled-components/styled-components"
  target="_blank"
  rel="noopener"
  class = "sc-jDwBTQ "
>
  GitHub
</a>

我的要求是获取两个日期之间的天数。

例如，开始日期是02/20/2020到01/03/2020我想显示的结果类似

2 月 20 日星期四，2 月 21 日星期五，....01 月星期一。

我在 StackOverflow 中经历了这个场景，但我没有得到预期的解决方案。

任何人都可以指导使用javascript或react来实现这个场景吗？

我在 this.state 中有一个对象数组，我正在尝试从对象数组中更新单个属性。

这是我的对象

 this.state = {
  persons: [
    { name: "name1", age: 1 },
    { name: "name2", age: 2 },
    { name: "name3", age: 3 }
  ],
  status: "Online"
};

我尝试更新人 [0].name

import React, { Component } from "react";     
class App extends Component {
      constructor() {
        super();
        this.state = {
          persons: [
            { name: "John", age: 24 },
            { name: "Ram", age: 44 },
            { name: "Keerthi", age: 23 }
          ],
          status: "Online"
        };
      }
      changeName() {
        console.log(this);
        this.setState({ …