от
Поэтому я пытаюсь сделать приложение Mern с реагировать, и я пытаюсь отобразить данные в таблице, но она не отображается Так что это моя страница реакции, и я получаю эту консольную ошибку в консоли, я буду отображать мой App.js getstudent.js и, наконец, мой displaytable.js Приложение. JS
import React from 'react';
import './App.css';
import GetStudents from './getstudents';

class App extends React.Component {
  render() {
  return (
  
  

  
)
}
}

export default App;
getstudent.js
import React from 'react';
import './App.css';
import axios from 'axios';
import TableRow from './displaytable';
class GetStudents extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      student:[]
    }
  }

 componentDidMount() {
  axios.get( "http://localhost:3200/students")
   .then((myJson) => {
     this.setState({student:myJson.data});
   })
   .catch(error => console.error(error)); //If error occurs you will get here

}

tableRow () {
  return this.state.student.map(function(err, e) {
    return 
  });
}
render() {
  return(
   
      Student Attendance
      import React from 'react';
import './App.css';

class TableRow extends  React.Component {
render() {
  return(
   
      {this.props.obj._id}
      {this.props.obj.role_num} 
       {this.props.obj.first_name}
      {this.props.obj.last_name}
      <button className = 'btn
    

        

Ваш ответ

Отображаемое имя (по желанию):
Конфиденциальность: Ваш электронный адрес будет использоваться только для отправки уведомлений.
Анти-спам проверка:
Чтобы избежать проверки в будущем, пожалуйста войдите или зарегистрируйтесь.

2 Ответы

0 голосов
от
Вы должны вызвать функцию
tableRow()
в операторе возврата:
0 голосов
от
Вам нужно создать еще один компонент, который вы использовали для тела таблицы, и внутри этого компонента сделать то же самое, что вы делаете в функции строки таблицы и в том компоненте, который вы вызываете вместо функции. Ниже ваш новый компонент
import React from 'react';
import './App.css';

class TableBody extends  React.Component { 
render() {
return(

    {this.state.student.map(function(err, e) {
      return
Добро пожаловать на сайт ByNets, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...