reactnd-project-myreads | MyReads app which is the final assessment project | Frontend Framework library
kandi X-RAY | reactnd-project-myreads Summary
kandi X-RAY | reactnd-project-myreads Summary
This project is my implementation of MyReads app which is the final assessment project for the Udacity's React Fundamentals course, part of the React Nanodegree Program. MyReads is a bookshelf app that allows the user to select and categorize books they have read, are currently reading, or want to read.
Support
Quality
Security
License
Reuse
Top functions reviewed by kandi - BETA
Currently covering the most popular Java, JavaScript and Python libraries. See a Sample of reactnd-project-myreads
reactnd-project-myreads Key Features
reactnd-project-myreads Examples and Code Snippets
Community Discussions
Trending Discussions on reactnd-project-myreads
QUESTION
preface: I'm still getting used to ES6 and working on my first React App via an online class. I'll share my issue here and my git repository for anyone who's willing to dig into it. The app allows you to search and organize books in different categories.
The error:
Uncaught (in promise) TypeError: Cannot read property 'forEach' of undefined
at Object.mergeShelfAndSearch (BookUtils.js:22)
at Search.js:41
BookUtils.js exports a couple of functions to React components (not sure how it knows where to go, but it works). The Search.js component handles the search functionality. While testing I'll search for something that doesn't exist(i.e 'zzzzz'). When I type something that I know exists I get the error above.
Code in BookUtils.js :
...ANSWER
Answered 2018-Nov-17 at 03:10Change
QUESTION
I am making a project in which I must get result from API. And I have a problem because when the result of my query is empty, then the error is occur:
`Book.js:10 Uncaught (in promise) TypeError: Cannot read property 'thumbnail' of undefined'
This is my code in component with search:
...ANSWER
Answered 2018-May-09 at 12:21You can even do something like this also:
QUESTION
I am having an issue with a React app that I am trying to make. The app is supposed to display a list of books in shelves and then be able to move the books between shelves.
The problem I have at the minute is that the updateShelf
function is not being called when the shelf is selected and onUpdateShelf
is called which is where the change should be made and the state updated.
I have added console.log('Test');
to updateShelf
but can't see anything in the console when the dropdown is clicked.
There are no errors in the console.
App.js
...ANSWER
Answered 2018-May-05 at 20:51Your issue is that you are having onClick
on option
tags, try having onChange
on the select
tag instead. This is because option
elements don't fire the click event in all browsers.
This is an example based on your code, where you can see that the function updateShelf
is getting called.
QUESTION
I am working on my first React project, a project as part of a Udacity course.
The task (or this part of it) is to initially render a series of book objects horizontally in three shelves.
I have managed to render the shelves and the books within them, however the books within each shelf are being rendered top to bottom rather than left to right.
One of the solutions I have seen posted is to use display: inline;
in the CSS file but I have done that with no success.
How can I fix the code so that books within shelves are rendered horizontally?
I have included the ListBooks.js
and App.css
files. Let me know if I need to add anything else.
ListBooks.js
...ANSWER
Answered 2018-May-02 at 12:49Try setting your shelf element, with display flex as it is suggested in your comments...
Community Discussions, Code Snippets contain sources that include Stack Exchange Network
Vulnerabilities
No vulnerabilities reported
Install reactnd-project-myreads
Support
Reuse Trending Solutions
Find, review, and download reusable Libraries, Code Snippets, Cloud APIs from over 650 million Knowledge Items
Find more librariesStay Updated
Subscribe to our newsletter for trending solutions and developer bootcamps
Share this Page