我编写了一个 React 组件来使用文件的 achor 标签下载 pdf 文件。我收到错误Failed- No file。
import React from 'react'
const Links = ()=>
<div className='github-link'>
<a href="https://github.com/" rel='noopener noreferrer' alt="github link"
target='_blank'><strong>View my GitHub here!</strong></a>
<a href="../resume/resume.pdf" download><strong>Download my Resume!</strong></a>
</div>
export default Links
Run Code Online (Sandbox Code Playgroud)
我的简历 pdf 位于我的 src 目录中一个名为resume 的目录中。我要下载的文件名为resume.pdf
谢谢你的帮助!
我只想切换最后一个显示“要切换 {user.id} 的文本”的 span 元素,我只想切换该特定 li 元素的此元素,而不是所有 li 元素。目前我的设置方式是,根据状态的工作原理,它将为所有 li 元素切换该 span 元素。我正在考虑通过映射函数传递索引并引用索引来切换我想要的元素,但我该怎么做呢?因为状态是为所有 li 元素设置的,所以有没有比使用状态更好的方法来做到这一点?
我知道使用 vanilla JS 我可以只使用 getElementById 并将其样式设置为隐藏或阻止。但是对于 React,我不确定处理这个问题的最佳方法,因为我被教导我们要尽可能避免 ID。然后就使用 useRef() 而言,我不确定这是否真的可以在这里工作,因为我需要为每个元素创建一个引用,而且我不知道我可以动态地做到这一点,或者这是否是最佳实践对于这个问题?
谢谢你!
import React, { useState } from 'react';
const Users = [
{ id: 1, name: 'Andy', age: 32 },
{ id: 2, name: 'Bob', age: 30 },
{ id: 3, name: 'Tom Hulk', age: 40 },
{ id: 4, name: 'Tom Hank', age: 50 },
{ id: 5, name: 'Audra', age: 30 },
{ …Run Code Online (Sandbox Code Playgroud)