src/components/pages/portfolio-manager.js
// still researching componentDidMount and lifecycle methods, keep researching until makes sense.
still researching componentDidMount and lifecycle methods, keep researching until makes sense.
still researching componentDidMount and lifecycle methods keep researching until makes sense .
render() {
		return (
			<div className="portfolio-manager-wrapper">
				<div className="left-column">
					<PortfolioForm
						handleNewFormSubmission={this.handleNewFormSubmission}
						handleEditFormSubmission={this.handleEditFormSubmission}
						handleFormSubmissionError={this.handleFormSubmissionError}
						clearPortfolioToEdit={this.clearPortfolioToEdit}
						portfolioToEdit={this.state.portfolioToEdit}
					/>
				</div>
				<div className="right-column">
					<PortfolioSidebarList
						handleDeleteClick={this.handleDeleteClick}
						data={this.state.portfolioItems}
						handleEditClick={this.handleEditClick}
					/>
					{}
					{}
				</div>
			</div>
		);
	}
render ( ) { return ( < div className = "portfolio-manager-wrapper" > < div className = "left-column" > < PortfolioForm handleNewFormSubmission = { this . handleNewFormSubmission } handleEditFormSubmission = { this . handleEditFormSubmission } handleFormSubmissionError = { this . handleFormSubmissionError } clearPortfolioToEdit = { this . clearPortfolioToEdit } portfolioToEdit = { this . state . portfolioToEdit } / > < / div > < div className = "right-column" > < PortfolioSidebarList handleDeleteClick = { this . handleDeleteClick } data = { this . state . portfolioItems } handleEditClick = { this . handleEditClick } / > { } { } < / div > < / div > ) ; }
still researching componentDidMount and lifecycle methods, keep researching until makes sense.
still researching componentDidMount and lifecycle methods keep researching until makes sense .
/* so data is a prop passed into PortfolioSidebarList. It takes in the initial state(this.state) of 
                    portfolioItems and populates it when we call get portfolioItems using axios and we pass that 
					to props(data)   */ /* the prop(handleDeleteClick function) makes the "call" to axios to delete the 
				record from the API using that record's ID  */