Student.js 2.3 KB
import React from 'react';
import TableRow from '@material-ui/core/TableRow';
import TableCell from '@material-ui/core/TableCell';

class Student extends React.Component{
    render(){
        return(
            <TableRow>
                <TableCell> {this.props.st_Code} </TableCell>
                <TableCell> {this.props.st_Name} </TableCell>
                <TableCell> {this.props.st_Id} </TableCell>
                <TableCell> {this.props.st_Major} </TableCell>
                <TableCell> {this.props.st_Midscore} </TableCell>
                <TableCell> {this.props.st_Finalscore} </TableCell>
                <TableCell> {this.props.st_Assignscore} </TableCell>
                <TableCell> {this.props.st_Attendscore} </TableCell>
                <TableCell> {this.props.st_Score} </TableCell>

            </TableRow>
        
        /*<div>
            
            <Searchscores st_Midscore={this.props.st_Midscore} 
            st_Finalscore = {this.props.st_Finalscore}
            st_Assignscore = {this.props.st_Assignscore}
            st_Attendscore = {this.props.st_Attendscore}/>

            <Searchscore st_Score={this.props.st_Score}/>

            <Searchothers st_Midscore={this.props.st_Midscore} 
            st_Finalscore = {this.props.st_Finalscore}
            st_Assignscore = {this.props.st_Assignscore}
            st_Attendscore = {this.props.st_Attendscore}
            st_Score = {this.props.st_Score}/>

        </div>*/

        )
    }
}

class Searchscores extends React.Component{
    render(){
        return(
            <div>

            <p>{this.props.st_Midscore}</p>
            <p>{this.props.st_Finalscore}</p>
            <p>{this.props.st_Assignscore}</p>
            <p>{this.props.st_Attendscore}</p>

            </div> 
        )
    }
}


class Searchscore extends React.Component{
    render(){
        return(
            <div>
              <p>{this.props.st_Score}</p>
            </div> 
        )
    }
}

class Searchothers extends React.Component{
    render(){
        return(
            <div>
            <p>{this.props.st_Midscore}</p>
            <p>{this.props.st_Finalscore}</p>
            <p>{this.props.st_Assignscore}</p>
            <p>{this.props.st_Attendscore}</p>
            <p>{this.props.st_Score}</p>
            </div> 
        )
    }
}

export default Student;