小编Jay*_*Jay的帖子

ReactJS-下载pdf文件“失败-无文件”

我编写了一个 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

谢谢你的帮助!

html javascript reactjs

2
推荐指数
1
解决办法
8257
查看次数

如何在 ReactJS 中单击时仅切换元素集合中的一个元素?

我只想切换最后一个显示“要切换 {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)

javascript jsx reactjs react-hooks

2
推荐指数
1
解决办法
1916
查看次数

标签 统计

javascript ×2

reactjs ×2

html ×1

jsx ×1

react-hooks ×1