小编mar*_*llo的帖子

VueJS未知自定义元素,在单个文件组件中带有嵌套模板

我有一个vue的嵌套结构:

<app>
  <column> : [array]
    <task> : [array]
      <resource> : [array]
Run Code Online (Sandbox Code Playgroud)

我也在使用单个文件组件。对于<app>组件,它看起来像这样(/App.vue文件)

<template>
  <div id="app">
     <column v-for=""></column>
  </div>
</template>

<script>
  import column from './components/Column'

  export default {
    name: 'project',
    components: {
      column
    },  
    data () {
      return {

      }
    }
  }
</script>
Run Code Online (Sandbox Code Playgroud)

所述<column>组分(/components/Column.vue文件):

<template>
  <div>
      <task v-for=""></task>
  </div>
</template>

<script>
  import task from './Task'

  export default {
    name: 'column',
    components: {
      task
    },
    data () {
      return {

      }
    }
  }
</script> …
Run Code Online (Sandbox Code Playgroud)

vue.js vue-component vuejs2

3
推荐指数
1
解决办法
932
查看次数

在 React Native (Expo) 中上传图片,使用 fetch 会导致 400 错误

我几天来一直在努力上传图像。\nI\xe2\x80\x99m 使用这样的 formdata:

\n\n
let formData = new FormData();\nformData.append(\'file\', {\n  uri: uri,\n  name: `name`,\n  type: `image/jpeg`,\n});\n
Run Code Online (Sandbox Code Playgroud)\n\n

iOS 上的 uri 类似于asset-library://asset/pathAndroid 上的content://media/external/images/media/25377.

\n\n
let options = {\n  method: \'POST\',\n  body: formData,\n  headers: {\n    Accept: \'application/json\',\n    \'Authorization\': \'Bearer \' + token,\n  },\n};\nlet response = await fetch("https://myserverurl", options)\n
Run Code Online (Sandbox Code Playgroud)\n\n

我尝试了所有技巧,将图像读取为 blob,删除内容类型,其他库(如 axios 等)\xe2\x80\xa6\n无论如何,我总是收到 400 bad file format 错误。

\n\n

formdata 中是否缺少 I\xe2\x80\x99m 的内容?\n(在后端我们使用 ASP.NET)

\n

multipartform-data react-native fetch-api expo

3
推荐指数
1
解决办法
7340
查看次数

带回调的 useState 不更新 useCallback 依赖项

我在这里做了一个工作示例: https://codesandbox.io/s/magical-flower-o0gyn ?file=/src/App.js

当我单击隐藏按钮时,我想将更新的数据保存到本地存储:

  1. 我单击第一列上的隐藏:setValueWithCallback运行,将回调设置为引用并设置状态
  2. useEffect启动,使用更新的数据调用回调
  3. saveToLocalStorage在设置为依赖项的useCallback情况下被调用data

问题出在第三步,保存到本地存储的内容适用{visible: true}于两者。我知道如果我改变这一行:

const saveToLocalStorage = useCallback(() => {
  localStorage.setItem(
    `_colProps`,
    JSON.stringify(data.map((e) => ({ id: e.id, visible: e.visible })))
  );
}, [data]);
Run Code Online (Sandbox Code Playgroud)

对此:

const saveToLocalStorage = localStorage.setItem(
  `_colProps`,
  JSON.stringify(data.map((e) => ({ id: e.id, visible: e.visible })))
);
Run Code Online (Sandbox Code Playgroud)

它有效,但我无法理解,为什么第一个不起作用。我认为这一定是一些关闭的事情,但我没有看到它。

如果data已经更新,并useEffect运行了回调,为什么它没有在依赖项数组中更新?是的,这个例子很奇怪,第二个解决方案非常好,我只是想演示这个问题。谢谢您的帮助!

reactjs react-hooks usecallback

3
推荐指数
1
解决办法
7366
查看次数

通过自定义菜单从浏览器下载 JSON 形式的 Google Sheet 数据

有没有办法直接从 Google Sheet 下载 JSON,如下所示: 在此输入图像描述

我想使用应用程序脚本创建自定义菜单。会有一个按钮可以从工作表数据创建 JSON 对象,完成后会立即将其下载为文件。因此,不涉及 GDrive 或其他应用程序,只有 Google 表格和应用程序脚本。

这有可能做到吗?我找不到这样的东西。

json google-apps google-sheets google-apps-script google-sheets-api

3
推荐指数
1
解决办法
4375
查看次数