title: Update value in DOM after updating collection in Meteor
body: <p>I have a toggle button in React using the <a href="https://gdowens.github.io/react-toggle-button/" rel="nofollow noreferrer">react-toggle-button</a> plugin.</p>
  
  <p>When you click on this button, it updates the value in the collection in the DB.</p>
  
  <p>The thing is, the update doesn't reflect in the DOM unless you refresh the page.</p>
  
  <p>Is there a way to get that data to update the value instantly so that the toggle actually visually toggles?</p>
  
  <p>Here's the code for the button:</p>
  
  <pre><code>&lt;ToggleButton
  
      value={d.showInClientMenu}
  
      onToggle={value =&gt; {
          Reports.update(
              { _id: d._id },
              { $set: { showInClientMenu: !value } }
              );
          value = !value
      }}
  
  /&gt;
  </code></pre>
  
  <p>If I click on this button and refresh the page, the button display the value that is now different, but the users won't know that the change has happened unless it's reflected immediately.</p>