react-polls | : clipboard : Customizable poll component for React | Frontend Framework library

Your component seems to represent list of polls, not any specific poll. So if you have an array of polls instead of one poll, than you have multiple ids instead of the single one.

You can get them by mapping your polls array like that:

There is two little mistakes in the code that you show us:

1. the first One you imported import Polls from "./polls"; and you call just change Poll by Polls.
2. const [pollAnswers, setPollAnswers] = useState([...answers]); this didn't work because you need to pass a initial value for your state and answer is not yet initialize and accessible. just change useState([...answers]); by useState([]);
   UPDATE:
   you need to pass an array to answers props . We can see in your console screenshot that the array of options has "none" as key so try this : ("none" is a strange key...)
   UPDATE
   Your data object is not well formated to fit react-polls answers props. in the npmjs doc of react-polls we can see an example of options and it's an array of object like this:
   

The problem is:

field options from the API is an object as I see.

But Poll component trying to interact with it like it is an Array: answers.map(answer => answer.option)

As I see from the doc, data format should be:

I will, for this answer, assume you are rather asking about how to convert a class-based component to a functional component since there isn't anything really to convert to a custom react hook.

Steps to convert:

1. Convert state to use the useState React hook.
2. Replace references of this.state.pollAnswers to pollAnswers.
3. Replace references to this.setState to setPollAnswers.
4. Use proper functional state update to not mutate existing state.
5. Replace reference of this.handleVote to handleVote and declare const.

Code

The problem was you were not passing the value of this.props.quest to the pollQuestion element. Either do this

I had to delete all of npm-cache directly from my windows 10 pc, from %AppData%, ie ~/AppData\Roaming\npm-cache. Everything works fine now.