时间戳

首页 > 解决方案 > 在 react.js 中获取值形式的 json 数据

javascript - 在 react.js 中获取值形式的 json 数据

问题描述

如何从此 json 文件访问 (downlod_link)？我用这种方式？但这行不通

<NavLink href={"http://localhost:8000/storage/"+files['data']['resume'].download_link}>Resume</NavLink>

这是我的代码：

fetch("http://localhost:8000/file"+path)
.then(res => res.json())
.then(json => {
this.setState({
    isLoaded: true,
    files: json,
})
})
}


  toggle() {
    this.setState({
      isOpen: !this.state.isOpen
    });
  }
  render() {
      let {files} = this.state;
    return (
      <div>
        <Navbar color="dark" dark expand="md">
          <NavbarBrand href="/">OSAMA Portfolio</NavbarBrand>
          <NavbarToggler onClick={this.toggle} />
          <Collapse isOpen={this.state.isOpen} navbar>
            <Nav className="ml-auto" navbar>
              <NavItem>
                <NavLink href={"http://localhost:8000/storage/"+files['data']['resume'].download_link}>Resume</NavLink>
              </NavItem>

标签： javascriptjson

解决方案

我建议您只获取简历/信件，然后拆分/剪切字符串以获取下载链接

例如 ：

var resumeString = jsonObject.data.resume;
var downloadLink = resumeString.split(",")[0].substr(21,resumeString.length-1);

在这里，您拆分字符串以获取下载链接，但您仍然需要剪切一些字符，.substr(21,resumeString.length-1) 会将字符串从索引 21 中的字符剪切到末尾

希望这对你有用

推荐阅读