小编Akh*_*lan的帖子

我正在在线学习反应课程。当我尝试使用 map 显示数组中的项目列表以显示在子组件中时，我不断收到“无法读取未定义的属性映射”。

从中获取数据时抛出错误 users

import React, { Component } from "react";
import ReactDOM from "react-dom";


let userList = [
  { name: "John", age: 24, place: "India" },
  { name: "Henry", age: 24, place: "India" },
  { name: "Ulrich", age: 24, place: "India" }
];

const AppChild = ({ name, age, place, Graduated }) => {
  return (
    <section>
      <p>name: {name}</p>
      <p>age: {age}</p>
      <p>place: {place}</p>
      {/* access the value via props */}
      <p>Graduated: {Graduated ? "yes!" : "no!"}</p>
    </section>
  ); …

我使用 React Table (react bootstrap table-2) 在页面中显示一个表，并使用从数据库 API 调用的数据填充它。我想让其中一列中的值显示为链接（hrefs）。此特定列仅包含 URL。如何在react bootstrap table-2 中实现这个？

import React, { useState, useEffect } from "react";
import logo from "./logo.svg";
import "./App.css";
import axios from "axios";
import BootstrapTable from "react-bootstrap-table-next";
import paginationFactory from "react-bootstrap-table2-paginator";
import * as ReactBootstrap from "react-bootstrap";
import filterFactory, { textFilter } from "react-bootstrap-table2-filter";
import ToolkitProvider, { Search } from "react-bootstrap-table2-toolkit";

const App = () => {
  const [list, setList] = useState([]);
  const [loading, setLoading] = useState(false);
  const { SearchBar } = …