render multiple variable in Json from rails to react

Question

I want to display a list of meals from my rails backend to my react frontend. In addition, I'd like to add a specific date.

Here is what I have so far:

meals_controller.rb

  def index
    @meals = Meal.where(week_day: Date.today.cwday).order('random()')
    @date = DateTime.now

    render json: @meals.to_json(include: :restaurant)
  end

MealsPage.js:

componentDidMount() {
    axios.get('/meals.json')
    .then(response => {
        this.setState({
            meals: response.data
        });
    })
    .catch(error => console.log(error))
}

I'd like to add @datein the render method so that I could do something like:

this.setState({
     meals: response.data.meals,
     date: response.data.date
            });

But everything I have tried so far has failed. I've tried things like:

render json: [@meals.to_json(include: :restaurant), @date]

or

render json: {meals: @meals.to_json(include: :restaurant), date: @date}

But both of these solutions send my @meals as one big string like "[{}, {}, {}]" instead of rendering it as an array of objects.

Any idea on I can make this work ?

how exactly it is not working? and did it work before you decided to add more nesting in there? — souslov
– souslov, Commented Nov 19, 2018 at 14:33
Hi @potashin, I does work when I only have my meals to render. The data are fetched from the backend correctly but it is on the react that the error is raised: reponse.data.meals does not seem to work. — Uj Corb
– Uj Corb, Commented Nov 19, 2018 at 14:36
@potashin I just realised that my meals are rendered as one big string instead of an array of hash. I update my post to make it clearer. — Uj Corb
– Uj Corb, Commented Nov 19, 2018 at 14:42

souslov · Accepted Answer · 2018-11-19 14:45:29Z

1

You should use as_json instead if to_json here:

render json: { meals: @meals.as_json(include: :restaurant), date: @date }

answered Nov 19, 2018 at 14:45

souslov

44.7k11 gold badges92 silver badges113 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Uj Corb Over a year ago

thank you very much for your help @potashin ! It did the trick perfectly.

Collectives™ on Stack Overflow

render multiple variable in Json from rails to react

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related