小编Van*_*ano的帖子

我正在尝试在我的 react-redux 应用程序中使用 proptypes，但它不起作用，或者我做错了什么。这是代码示例的结尾：

LoginPage.propTypes = {
     login_form: PropTypes.string
};

function mapStateToProps(state) {
     return { loginPage: state.loginPage }
 }

export default connect(mapStateToProps)(LoginPage);

login_form 是布尔值，我特意写了 PropType.string 来查看它是否正常工作，但它没有给我任何错误，这可能是因为 redux connect，但我无法搜索任何相关内容。请任何人告诉我我做错了什么：/谢谢。

我试图从 Instagram 上的公共用户帐户获取帖子，我尝试了几乎所有可能的方法，但它们都返回 403 错误（访问被拒绝）。

1. https://www.instagram.com/graphql/query/?query_hash=ded47faa9a1aaded10161a2ff32abb6b&variables={"tag_name":"{user-name}","first":25,"after":""}

2. https://www.instagram.com/{用户名}/?__a=1

3. https://www.instagram.com/{用户名}/media

$.ajax({
    url: URL,
    type: "GET",
    success: function(data) {
        console.log('Success!' ,data);
    },
    error: function (response) {
        console.log('ERROR!', response);
    }
});

以上是我试图获取数据的链接。正如我所读到的 Instagram 正在更改他们的协议，是否还有其他方法可以在不使用 Instagram API 和不使用后端代码的情况下从任何公共用户获取帖子列表？

谢谢你

我正在使用故事书文档，无法从资产文件夹加载图像。正如文档所述：“如果使用自定义Webpack配置，则需要将文件加载器添加到自定义Webpack配置中”-我的webpack.config文件如下所示：

const path = require('path');


 module.exports = ({ config }) => {
    config.module.rules.push({
      test: /\.scss$/,
      use: ['style-loader', 'css-loader', 'sass-loader']
    });
 config.module.rules.push({
   test: /\.(ts|tsx)$/,
   use: [
     {
       loader: require.resolve('awesome-typescript-loader'),
     },
   ],
 });
 config.module.rules.push({
   test: /\.(svg|png|jpe?g|gif)$/i,
   use: [
     {
       loader: 'file-loader',
     },
    ]
  },);

  config.resolve.extensions.push('.ts', '.tsx')


  return config;
};

package.json：

"react": "^16.10.1",
"react-dom": "^16.10.1",
"typescript": "^3.6.3",
"@storybook/react": "^5.2.1",
"@types/storybook__react": "^4.0.2",
"file-loader": "^4.2.0"

这是毛线故事书之后

似乎故事书文档中缺少某些内容，或者我做错了什么？谢谢任何可以帮助我解决这个问题的人。^ _ ^

1. 我有父组件A从中获取 TODO 列表（假设有 10 个项目），然后映射此数组并将整个对象传递给组件B。

2. 组件B有一个备忘录包装器来比较todo对象引用以仅重新渲染更新的组件。喜欢：

   export default memo(ComponentB, (prevProps, nextProps) => {  
    return prevProps.TODO === nextProps.TODO
   })
   

   Run Code Online (Sandbox Code Playgroud)

3. 从组件B上的按钮单击调用useMutation以在列表中添加一项。我在Apollo doc上提供了乐观响应和更新功能

4. 一切正常，除了：当我为快速 UI 更改添加optimizeResponse并在组件B 中登录时，我看到每个列表项都在重新渲染，但是如果我只保留更新功能而没有optimizeResponse那么我看到只有一个项目重新渲染- 渲染。