在React + Rails中使用show路线

Question

I'm building out a simple quiz app with a rails api rendering the questions in json and react pulling them in. However I'm not very experienced with react and I'm having trouble working out how to go about getting one question at a time displayed on the screen as the display is the same going to localhost:3000 or localhost:3000/questions/1. Any advice on how to get it using the show method when appropriate instead of index for everything would be really appreciated.

  componentDidMount() {
    axios.get('http://localhost:3001/api/v1/questions.json')
    .then(response => {
      console.log(response)
      this.setState({questions: response.data})
    })
    .catch(error => console.log(error))
  }

Answer 1

your index route should show all the questions

So:

def index
    questions = Question.all
    however_you_render_json(questions)
end

And your show route should take the id from the URL and show one questions from that

def show
    question = Question.find(params[:id])
    however_you_render_json(question)
end

in your routes.rb file you should have

resources :users

which which automatically create the required routes, you can run bundle exec rake routes in rails console to verify the URI patterns

On the React end, the requests should be: axios.get('http://localhost:3001/api/v1/questions/) for index or axios.get('http://localhost:3001/api/v1/questions/1) for show.