Advertisement
Guest User

Untitled

a guest
Jul 22nd, 2019
100
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.43 KB | None | 0 0
  1. this.state = {
  2. btnTesting1: {
  3. loading: false,
  4. buttonText: "EXTRACT",
  5. isDisabled: false
  6. },
  7. btnTesting2: {
  8. loading: false,
  9. buttonText: "EXTRACT",
  10. isDisabled: false
  11. }
  12. }
  13.  
  14. <Button
  15. id={`extract-${value.sectionID}${value.specimenID}${value.requestID}`}
  16. onClick={this.onChange}
  17. disabled={value.phlebo_sampleSpecimenID}
  18. >
  19. {value.phlebo_sampleSpecimenID ? 'EXTRACTED' : 'EXTRACT'}
  20. </Button>
  21.  
  22. onClickBtn = evt => {
  23. const buttonId = evt.target.id;
  24. this.setState({
  25. [buttonId]: {
  26. loading: true
  27. }
  28. });
  29. etTimeout(() => {
  30. this.setState({
  31. [buttonId]: {
  32. buttonText: "EXTRACTED",
  33. isDisabled: true,
  34. loading: false
  35. }
  36. });
  37. }, 2000);
  38. console.log(buttonId);
  39. };
  40.  
  41.  
  42. <Button
  43. id="btnTesting1"
  44. onClick={this.onClickBtn}
  45. loading={this.state.btnTesting1.loading}
  46. disabled={this.state.btnTesting1.isDisabled}
  47. >
  48. {this.state.btnTesting1.buttonText}
  49. </Button>
  50. <Button
  51. id="btnTesting2"
  52. onClick={this.onClickBtn}
  53. loading={this.state.btnTesting2.loading}
  54. disabled={this.state.btnTesting2.isDisabled}
  55. >
  56. {this.state.btnTesting2.buttonText}
  57. </Button>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement