#projectaction

[codehunter]

React - Redux App: "Invalid attempt to spread non-iterable instance" Issue

At the beginning, that sample app was working properly. I could see data that I inputted over browser page and database. At now, I can see the data only via the database, the browser doesn't show data and getting this error additionally: "Invalid attempt to spread non-iterable instance".

There is the sample code :

projectActions.js

import {FETCH_BOOK, CREATE_BOOK, DELETE_BOOK} from '../actions/projectTypes';import axios from 'axios';const apiUrl = 'http://api/books';export const createBookSuccess = (data) => { return { type: CREATE_BOOK, payload: { _id: data._id, author: data.author, publication: data.publication, publisher: data.publisher } }};export const deleteBookSuccess = _id => { return { type: DELETE_BOOK, payload: { _id } }};export const fetchBook = (books) => { return { type: FETCH_BOOK, books }};export const createBook = ({ author, publication, publisher }) => { return (dispatch) => { return axios.post(`${apiUrl}`, {author, publication, publisher}) .then(response => { dispatch(createBookSuccess(response.data)) }) .catch(error => { throw(error); }); };};export const deleteBook = _id => { return (dispatch) => { return axios.delete(`${apiUrl}/${_id}`) .then(response => { dispatch(deleteBookSuccess(response.data)) }) .catch(error => { throw(error); }); };};export const fetchAllBooks = () => { return (dispatch) => { return axios.get(apiUrl) .then(response => { dispatch(fetchBook(response.data)) }) .catch(error => { throw(error); }); };};

projectReducer.js

import {CREATE_BOOK, DELETE_BOOK, FETCH_BOOK} from '../actions/projectTypes';const projectReducer = (state = [], action) => { switch (action.types) { case CREATE_BOOK: return [...state, action.payload]; case DELETE_BOOK: let afterDelete = state.filter(book => { return book._id !== action.payload._id }); return { ...state, state: afterDelete } case FETCH_BOOK: return action.books; default: return state; }}export default projectReducer;

rootReducer.js

import books from './projectReducer';import {combineReducers} from 'redux';const rootReducer = combineReducers({ books: books});export default rootReducer;

BookListElement.js

import React from 'react';import {connect} from 'react-redux';import BookList from '../components/bookList';import {deleteBook} from '../store/actions/projectActions';const BookListElement= ({books, deleteBook}) => { if(!books.length) { return ( <div> No Books </div> ) } return ( <div> {books.map(book => { return ( <BookList book={book} deleteBook={deleteBook} key={book._id} /> ); })} </div> );}const mapStateToProps = state => { return { books: state.books };};const mapDispatchToProps = dispatch => { return { deleteBook: _id => { dispatch(deleteBook(_id)); } };};export default connect( mapStateToProps, mapDispatchToProps)(BookListElement);

bookList.js

import React from 'react';const styles = { borderBottom: '2px solid #eee', background: '#fafafa', margin: '.75rem auto', padding: '.6rem 1rem', maxWidth: '500px', borderRadius: '7px'};const BookList = ({ book: { author, publication, publisher, _id }, deleteBook }) => { return ( <div style={styles} key={_id}> <h2>{author}</h2> <p>{publication}</p> <p>{publisher}</p> <button className="btn waves-effect waves-light" type="submit" name="action" onClick={() => {deleteBook(_id)}}> <i className="large material-icons">delete_forever</i> </button> </div> );};export default BookList;

bookCreate.js

import React, {Component} from 'react';class BookCreate extends Component { state= { author: '', publication: '', publisher: '' } handleChange = (e) => { this.setState({ [e.target.id]: e.target.value }); } handleSubmit = (e) => { e.preventDefault(); this.props.createBook(this.state) } render() { return ( <div className="container"> <form onSubmit={this.handleSubmit} className="white" autoComplete="off"> <h5 className="grey-text text-darken-3">Create New Book</h5> <div className="input-field"> <label htmlFor="author">Author</label> <input type="text" id="author" onChange={this.handleChange}/> </div> <div className="input-field"> <label htmlFor="publication">Publication</label> <input type="text" id="publication" onChange={this.handleChange}/> </div> <div className="input-field"> <label htmlFor="publisher">Publisher</label> <input type="text" id="publisher" onChange={this.handleChange}/> </div> <div className="input-field"> <button className="btn pink lighten-1 z-depth-0">Create</button> </div> </form> </div> ) }}export default BookCreate;

I checked the code a few times and read an older post about this issue but I didn't find any solution as a junior. That would be great if you say what did I miss.

EDIT: Added view.js file as bookList.js .

https://codehunter.cc/a/reactjs/react-redux-app-invalid-attempt-to-spread-non-iterable-instance-issue

[nicolebmarie]

Happy Sunday children of God! Google photos has no chill with this then & now since I’m both then & now! Addicted to health, wealth and spiritual prosperity! @trans_4_mations #mindbodysoul If it’s God’s will I pray to only evolve to be all that He has designed for me to be. 🙌🏾😘 Have a beautiful and blessed Sunday!~Nicole B. Photo credit right: @impaktstudio @project.action.intodreams #financialfreedom #fitnessmotivation #lifeinsurance #projectaction #motivator #transformation #mindbodysoul #writer #itsyourturn #transformed #publicspeaker #mindbodyspirit #letsgetit #nowhiring https://www.instagram.com/p/B32QDf6HEfo/?igshid=1ofl2ts80ridi

[673167316731]

‏‎: Treat every failure as a lesson. . ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ . Here, how to create wealth from projects is shared. صفحه‌ای برای آنها که با انجام پروژه درآمد کسب و اهداف خود را محقق می‌کنند. #دانستنی‌های_مدیریت_پروژه #ذبیح_الله_ناصحی #Project_Management_Knowhows #project #project365 #manager #standard #projectquotes #projectsuccesstip #powerfulquotes #myproject #projectmindset #projecttips #projectgrowing #projectaction #projectamazing #buildyourproject #makemoney #successgoals #successfulbusiness #mindsetcreator #millionairesayings #billionairequotes #treat #turkeyphotooftheday #Proje_yönetimi_bilgileri #wisdom #zabihollahnasehi #failure #lesson . ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬‎‏ (در ‏‎Gaziantep‎‏) https://www.instagram.com/p/B1amjXNAf5e/?igshid=16vfag6p6gmd6

[projectact]

Can your chromebook do this? Check out @mirandaornelas testing out our new iPad Pro and Pencil setup in the projACTs lab! These will be used as stand alones with the @adobe mobile apps, @autodesksketchbook app, various @apple apps OR as monitor/tablets using the @astropadapp and the pencil. I’m excited to see what gets created from here! _ _ #californiapartnershipacademy #cpa #cte #careertechnicaleducation #careerteched #projacts #projectact #act #handsonlearning #learnbydoing #pbl #projectbasedlearning #graphicdesign #graphics #illustration #digitalart #futureartists (at Canyon Springs High School) https://www.instagram.com/p/BxJJwUQpfW-/?igshid=1vxn401zrngpd

[ameliegraphie]

CrinCoach, Caballos que cambian vidas. #zen #projectactivities #horses #galicia #naturetherapy #cuteness #trainers (à Monforte de Lemos)

[projectactive]

Just saying! #ProjectActive #LetsGo #Health1stFitness2nd https://ift.tt/2Z86p2H - Project Active, Oxford - https://ift.tt/170a0t7

[letscreateafricaorg]

New post in LET'S CREATE AFRICA (L.C.A.): niversities in EastAfrica, and with universities outside the region; (ii) provide a forum fordiscussion on a wide range of academic and other matters relating to highereducation in East Africa; and (iii) facilitate maintenance of internationallycomparable education standards in East Africa so as to promote the region’sglobal competitiveness in higher education. KFW is financing the establishment andimplementation of the East African Community Scholarship Programme. The projectwill be run under IUCEA, within the framework of Financial Cooperation betweenthe East African Community, the Inter-University Council for East Africa,located in the Republic of Uganda, and the Federal Republic of Germany. TheGerman Government committed a Financial Contribution (FC) amounting to Euros 5(five) million via the KfW Development Bank (BMZ Nr. 2017 67 896) for the EACScholarship Programme (Leadership to Foster Regional Integration). The projectcovers the East African Countries (Burundi, Kenya, Rwanda, South Sudan,Tanzania and Uganda). In order to ensure smooth implementationof this project, IUCEA wishes to recruit a Scholarships Officer. 1.2Objective of the assignment for the expert (KFW) To ensure that the project is properlymanaged and coordinated for successful preparation and implementation inaccordance with the objectives and Terms of Reference of the Project ManagementUnit, the job holder will provide overall coordination of the projectleadership in coordinating the preparation and implementation of projectactivities and resources management. S/he will be the focal point forstakeholders (the governments of the participating countries, the KFW, theProject Consultants and interested institutions, media, etc.). S/He will beresponsible for the scholarship management and accountability and reporting ofthe project funds. Reportsto : Deputy Executive Secretary - Higher Education and Research SupportSystems Grade :P2 Jobpurpose : The job holder will be responsible for student scholarshipsand exchange programmes, and management of intra- and inter-institutionallinks, regionally and internationally. 1.3Duties and Responsibilities (i) Coordinating and administering theEAC Scholarship Programme. (ii) Supporting the organization,implementation, financial execution, reporting and logistics activities for theKfW scholarships project. (iii)Supporting the Project MonitoringUnit (iv) Developing and managing studentexchange programme policies and guidelines (v) Developing and coordinating regionaland international scholarships funded by KfW (vi) Monitoring and evaluating programmeand making suggestions on improvement strategies (vii) Facilitating the development ofstudents internship programmes in industry (viii) Facilitating the development ofthe programme/project between higher education institutions and industry (ix) Developing sustainabilitymechanisms for scholarships at IUCEA including fund raising. 1.4Minimum Job Requirements (a)Academic Qualifications i. Have a Bachelors degree in (STEM) orBusiness Science. Masters degree from any of the followingfields: STEM/Business Science; Project planning and management; Education ii. A PhD in a relevant field is anadded advantage. (b)Work Experience i) Have at least 8 years’ workexperience with recognized higher education institution in areas of education,research, administration, project management and monitoring and evaluation ii) 3 years’ experience in managingscholarships and/or university-industry linkages is desirable. (c) Key Competences (i) Must Have soundknowledge in the following a) projects and programmes development andcoordination, and development b) coordination of inter- and intra-universitycooperation c) program monitoring and evaluation (ii) Have clear understandingof the basic mission of higher education institutions (iii)Be conversant withacademic programmes in higher education and the multiple challenges and globalpressures facing them (iv) Have good interpersonal, communication and softskills (v) Have sound computer knowledge and skills 1.5Performance Indicators (i) Number of https://ift.tt/2SQYH7A

[oxfordpapersedu-blog]

Compose an essay explaining the reasons why individuals routinely wast

Compose an essay explaining the reasons why individuals routinely wast

Compose an essay explaining the reasons why individuals routinely waste the excessive safety we acquire for our projectactivities. Be sure to use at least three references from the library and remember to cite and reference them at theend of your essay. Your essay should consist of no less than three pages.

[cambridgepapersedu-blog]

Compose an essay explaining the reasons why individuals routinely wast

Compose an essay explaining the reasons why individuals routinely wast

Compose an essay explaining the reasons why individuals routinely waste the excessive safety we acquire for our projectactivities. Be sure to use at least three references from the library and remember to cite and reference them at theend of your essay. Your essay should consist of no less than three pages.

[nicolebmarie]

Every day is a new opportunity for getting your wrongs corrected. Don’t get discouraged about what could have been. Instead get motivated for what’s about to happen since you are now focused and determined to be better than you have been days before. The day is yours! ~ Nicole B. @nicolebjonesdavis #stayfocused #projectaction #paid #letsgetit #itsyourturn #mevsme #newdayleadstooppurtunity #progressdaily #nicoleb #godsgift @project.action.intodreams https://www.instagram.com/p/BujLP2qH30G/?utm_source=ig_tumblr_share&igshid=b76iv4yo4wzl

[673167316731]

‏‎: Remember you're in a marathon not a sprint. . ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ . Here, how to create wealth from projects is shared. صفحه‌ای برای آنها که با انجام پروژه درآمد کسب و اهداف خود را محقق می‌کنند. #دانس��نی‌های_مدیریت_پروژه #ذبیح_الله_ناصحی #Project_Management_Knowhows #project #project365 #manager #standard #projectquotes #projectsuccesstip #powerfulquotes #myproject #projectmindset #projecttips #projectgrowing #projectaction #projectamazing #buildyourproject #makemoney #successgoals #successfulbusiness #mindsetcreator #millionairesayings #billionairequotes #marathon #turkeyphotooftheday #Proje_yönetimi_bilgileri #wisdom #zabihollahnasehi #success #sprint . ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬‎‏ (در ‏‎Gaziantep‎‏) https://www.instagram.com/p/B1YHqDggXt9/?igshid=p0f0o0j50b1l

[projectact]

Sometimes... mistakes are a good think. This 3D print ran out of white part way through, so we switched over to grey. Luckily, the transition blended masterfully. We couldn’t have planned it any better. - #californiapartnershipacademy #cpa #cte #careertechnicaleducation #careerteched #projacts #projectact #act #handsonlearning #learnbydoing #pbl #projectbasedlearning #problemsolving #troubleshooting #thinkoutsideofthebox #thinkoutsideofyourself #create #becreative #staycreative #I 3D #3Ddesign #modeling #blender #makerbot #3Dprint #3Dprinter #3Dprinting https://www.instagram.com/p/BvPwLLWFemy/?utm_source=ig_tumblr_share&igshid=1r9ts2skh0zdy

[nicolebmarie]

I always enjoy myself with the @paradigmgreyfilm crew. Last night we had a wonderful time viewing many talents collaborated on the screen of @davistheater 🎥 Thank you @impaktstudio for allowing me to be a part of your vision. 😊 Excited about what’s coming for @paradigmgreyfilm 🙌🏾 ~Nicole B. #readyfortheshift #paradigmshift #paradigmgrey #davistheater #chicago #chicagofilm #scifi #mystery #comedy #mentalelevation #change #letsgetit #transformation #projectaction #nicoleb #chrisadams @simeonhenderson #simeonhendersonshow @337michelle #nicolebjonesdavis #aboutlastnight (at Davis Theater) https://www.instagram.com/p/BvlxyJUHIwA/?utm_source=ig_tumblr_share&igshid=358w9wa2226b

[673167316731]

‏‎: Be confident and fearless. . ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ . Here, how to create wealth from projects is shared. صفحه‌ای برای آنها که با انجام پروژه درآمد کسب و اهداف خود را محقق می‌کنند. #دانستنی‌های_مدیریت_پروژه #ذبیح_الله_ناصحی #Project_Management_Knowhows #project #project365 #manager #standard #projectquotes #projectsuccesstip #powerfulquotes #myproject #projectmindset #projecttips #projectgrowing #projectaction #projectamazing #buildyourproject #makemoney #successgoals #successfulbusiness #mindsetcreator #millionairesayings #billionairequotes #fearless #turkeyphotooftheday #Proje_yönetimi_bilgileri #wisdom #zabihollahnasehi #success #confident . ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬‎‏ (در ‏‎Tehran, Iran‎‏) https://www.instagram.com/p/B1S6CK7AcOP/?igshid=1954ccas2zvh8

[673167316731]

‏‎: Embrace your creative brain. . ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ . Here, how to create wealth from projects is shared. صفحه‌ای برای آنها که با انجام پروژه درآمد کسب و اهداف خود را محقق می‌کنند. #دانستنی‌های_مدیریت_پروژه #ذبیح_الله_ناصحی #Project_Management_Knowhows #project #project365 #manager #standard #projectquotes #projectsuccesstip #powerfulquotes #myproject #projectmindset #projecttips #projectgrowing #projectaction #projectamazing #buildyourproject #makemoney #successgoals #successfulbusiness #mindsetcreator #millionairesayings #billionairequotes #brain #turkeyphotooftheday #Proje_yönetimi_bilgileri #wisdom #zabihollahnasehi #success #creative . ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬‎‏ (در ‏‎Tehran, Iran‎‏) https://www.instagram.com/p/B1QILslA0o7/?igshid=1n254xx3gdbhr

[673167316731]

‏‎: Visualize your success on a daily basis. . ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ . Here, how to create wealth from projects is shared. صفحه‌ای برای آنها که با انجام پروژه درآمد کسب و اهداف خود را محقق می‌کنند. #دانستنی‌های_مدیریت_پروژه #ذبیح_الله_ناصحی #Project_Management_Knowhows #project #project365 #manager #standard #projectquotes #projectsuccesstip #powerfulquotes #myproject #projectmindset #projecttips #projectgrowing #projectaction #projectamazing #buildyourproject #makemoney #successgoals #successfulbusiness #mindsetcreator #millionairesayings #billionairequotes #visualize #turkeyphotooftheday #Proje_yönetimi_bilgileri #wisdom #zabihollahnasehi #success #creative . ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬‎‏ (در ‏‎Tehran, Iran‎‏) https://www.instagram.com/p/B1L2z74AtiC/?igshid=bb5l5phh1u4b