小编Jit*_*Aji的帖子

苗条的传递数字作为道具

我是 Svelte 的新手,我正在尝试传递一个数字值作为 prop。这是下面的代码。

<script lang="ts">
  import Infobox from "./Infobox.svelte";
</script>

<Infobox classCount=2 taskCount=6 />

<style></style>
Run Code Online (Sandbox Code Playgroud)
<script lang="ts">
  export let taskCount: number;
  export let classCount: number;
</script>

<section>
  <div>{taskCount} Tasks</div>
  <div>Class {classCount}</div>
</section>

<style></style>
Run Code Online (Sandbox Code Playgroud)

我无法将 prop 作为数字传递,它只接受像 <Infobox classCount="2" taskCount="6" />.

我在这个项目中也使用打字稿。

提前致谢 :)

typescript svelte

5
推荐指数
1
解决办法
934
查看次数

Vue 单元测试:提供未找到的注入变量

我有一个包含注入的 vue 文件,它也有一个单元测试文件。当我运行 test: utils 时,我收到以下警告。在测试文件中安装组件时使用提供的正确方法是什么?我尝试按照 vue 测试文档中所示的方式进行操作,但仍然有些问题。

export default {
  name: "Navbar",
  inject: ["emitter"],
  props: {
  ishome: {
      default: true,
      type: Boolean,
    },
  },
  data() {
    return {
      isFeedback: false,
    };
  },

  mounted() {
    this.emitter.on("openFeedback", () => {
      this.isFeedback = true;
    });
    this.emitter.on("closeFeedback", () => {
      this.isFeedback = false;
    });
  },
}
Run Code Online (Sandbox Code Playgroud)
import { mount } from "@vue/test-utils";
import Navbar from "../components/Navbar.vue";
import mitt from "mitt";

describe("Mounted App isHome true", () => {
  try {
    const emit = mitt(); …
Run Code Online (Sandbox Code Playgroud)

javascript unit-testing vue.js

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

使用 react ( useeffect ) 获取 json api

你好,

这是我第一次使用 React。我想以 json 格式获取一些数据并将其列在我的页面中。下面的代码不起作用。

import React, { useState, useEffect } from "react";
import axios from "axios";

function DataFetching() {
  const [users, setUsers] = useState({ hits: [] });
  //const [query, setQuery] = useState("redux");

  useEffect(async () => {
    const fetchData = async () => {
      const result = await axios("url");
      setUsers(result.data);
    };
  }, []);

  return (
    <div>
      <p>Hellooooo</p>
      <ul>
        {users.hits.map((user) => (
          <li key={user.id}>{user.title}</li>
        ))}
      </ul>
    </div>
  );
}

export default DataFetching;
Run Code Online (Sandbox Code Playgroud)

javascript reactjs react-hooks

0
推荐指数
1
解决办法
79
查看次数