我是 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" />.
我在这个项目中也使用打字稿。
提前致谢 :)
我有一个包含注入的 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) 你好,
这是我第一次使用 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)