小编Joh*_*uel的帖子

需要建议在反应的功能组件中发挥作用Hooks。

据我研究，很多人都说这是不好的做法，因为每次我们称为重新渲染时，它都会创建嵌套/内部函数。经过分析，

我发现我们可以onClick={handleClick.bind(null, props)}在元素上使用并将功能放置在功能组件之外。

例：

const HelloWorld = () => {
  function handleClick = (event) => {
    console.log(event.target.value);
  }

  return() {
    <>
        <input type="text" onChange={handleClick}/>
    </>
  }
}

请告知是否还有其他方法。

提前致谢。

当我尝试刷新我在Amazon AWS S3中部署的基于react的应用程序时,获得下面提到的错误.

最近有人面临同样的问题吗？

404 Not Found Code: NoSuchKey Message: The specified key does not exist. Key: <KEY> RequestId: C8BE5E360A29AA14 HostId: <HOSTID>

我一直在尝试为使用jwt令牌验证的方法在javascript中编写单元测试。因此，仅当令牌有效时才获取结果。

我想模拟jwt令牌并返回结果。有什么办法吗？我尝试使用av​​a测试框架，mock require，sinon，但我做不到。

有什么想法吗 ？

码：

I am trying to mock jwt.verify    

**unit test:**

const promiseFn = Promise.resolve({ success: 'Token is valid' });

mock('jsonwebtoken', {
        verify: function () {         
            return promiseFn;   
        }
});

const jwt = require('jsonwebtoken');

const data =  jwt.verify(testToken,'testSecret');

console.log(data)


**Error :**

ERROR
    {"name":"JsonWebTokenError","message":"invalid token"} 


So the issue here is that, its actually verifying the token but not invoking the mock.

我正在使用React Bootstrap的选项卡，并且遇到一个问题，我无法将图标传递给标题道具，因为它显示为[Object] [Object]，对此有何想法？

const tabsInstance = (
  <Tabs defaultActiveKey={1}>
    <Tab eventKey={1} title={`Tab1 ${<i class=" icon-remove"></i>}`}>Tab 1 content</Tab>
    <Tab eventKey={2} title="Tab 2">Tab 2 content</Tab>
    <Tab eventKey={3} title="Tab 3" disabled>Tab 3 content</Tab>
  </Tabs>
);

输出显示为：

Tab1 [对象] [对象]选项卡2选项卡3

如何显示icon在选项卡中而不是Title？

======更新=====建议后显示输出。