[React} Showing results in real-time

minademian · October 29, 2018, 10:05pm

I’m buidling a little app, where users vote on items of clothing.

I’m trying to show the results array as the user votes on items. i’ve tried to just write out the array, but it doesn’t show anything:

github.com

minademian/freecodecamp/blob/master/frontend/react/src/components/gallery.js

import React from 'react';

import Image from './image.js';
import Button from './button.js';
import Results from './results.js';

import clothes from '../assets/data/clothes.json';

export default class Gallery extends React.Component {
  constructor(props) {
    super(props);
    this.state = { results: []};
    this.handleVote = this.handleVote.bind(this);
    this.updateVote = this.updateVote.bind(this);
  }

  handleVote(e) {
    this.setState(() => {
      this.state.results.push({'item': e.image, 'verdict': e.result});
    });

This file has been truncated. show original

JohnnyBizzel · October 30, 2018, 12:16pm

Do you have the code running anywhere? I tried to import it to codesandbox but there is no package.json file

minademian · October 31, 2018, 8:48pm

hey Johnny, sorry about the late response. I figured it out yesterday with a coworker’s help. thanks anyway!