TypeError: dispatch is not a function React and Redux TypeError: dispatch is not a function React and Redux

I get an error when I delete some lead(item). It deletes from the database but not from UI and gives this error dispatch is not a function.

//lead.js from /action
export const deleteLead = (id) => {
  return (dispatch) => {
    axios
      .delete(`/api/leads/${id}/`)
      .then((res) => {
        dispatch({
          type: DELETE_LEAD,
          payload: id,
        });
      })
      .catch((err) => console.log(err));
  };
};

//Frontend file 
import { getLeads, deleteLead } from "../../actions/leads";

<button
  onClick={deleteLead(lead.id)}
  className="btn btn-danger btn-sm">
   Delete
</button>


from Stackoverflow

Comments

Post a Comment

Popular posts from this blog

With jQuery, how to automatically select the value of an input text that has been modified with the arrows? With jQuery, how to automatically select the value of an input text that has been modified with the arrows?

I want to be able to increase/decrease the value of an input text with the keyboard arrows and have it automatically selected (with jQuery). I succeed the increase/decrease part but I fail on the selection part. I tried $input.select(); with no success. What am I doing wrong? $(".textInput").keydown(function(event) { var $input = $(this); if (event.which === 38) { $input.val((parseInt($input.val()) + 1)); } else if (event.which === 40) { $input.val((parseInt($input.val()) - 1)); } $input.select(); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <input type="text" value="300" class="textInput"> https://jsfiddle.net/timmyyy/1L94j2ye/2/ from Stackoverflow
Read more

Cannot create an instance of a defined class in Javascript Cannot create an instance of a defined class in Javascript

I have defined a class which represent a Pokemon: class Pokemon { constructor(id,nick,level,a1,a2,a3,a4) { this.id=id; this.name=setPokemonById(id); this.nick=nick; this.typeId=setTypeById(id); this.type=setElementById(this.typeId); this.level=level; this.attack1=a1; this.attack2=a2; this.attack3=a3; this.attack4=a4; this.attack1CurrPP=this.attack1.getPP(); this.attack2CurrPP=this.attack2.getPP(); this.attack3CurrPP=this.attack3.getPP(); this.attack4CurrPP=this.attack4.getPP(); this.hp=generateHP(id,level); this.currHP=this.hp; } getId() {return this.id;}; getName() {return this.n
Read more

Using Ts-Standard linting, JSDoc comment at beginning of file triggers "This rule requires the `strictNullChecks` compiler option" error Using Ts-Standard linting, JSDoc comment at beginning of file triggers "This rule requires the `strictNullChecks` compiler option" error

I'm using Typescript and the TS-standard version of StandardJS's ESlint plugin and extension for VSCode. I have been using JSDoc-style comment blocks ( /** Some text */ ) at the beginning of javascript and now typescript files to indicate things like author and give a general overview of the contents of the file. I was using the standardJS eslint plugin already, but it generally didn't work properly on my code library, never figured out why. Recently I started upgrading my codebase to Typescript, and now I'm getting this error on all of these comment blocks: This rule requires the `strictNullChecks` compiler option to be turned on to function correctly. (@typescript-eslint/strict-boolean-expressions)ts-standard(@typescript-eslint/strict-boolean-expressions) I tried turning on the strictNullChecks option, and it did indeed clear that error, but is also a nightmare for certain places where I know values aren't going to be null if the object exists at all (and using
Read more