Как я могу сделать это const в класс на реакции. js - PullRequest
0 голосов
/ 03 февраля 2020
import React, { useState, Component } from 'react';
import { Button, Modal, ModalHeader, ModalBody, ModalFooter, Row, Col, CardHeader, CardBody, Card, } from 'reactstrap';

const ModalBuySell = (props) => {
  const {
    buttonLabel,
    className
  } = props;
  const datas = props;

  const [modal, setModal] = useState(false);

  const toggle = () => setModal(!modal);
  return (
    <div>
      <Button color="danger" onClick={toggle}>Buy / Sell</Button>
      <Modal isOpen={modal} toggle={toggle} className={className}>
        <ModalHeader toggle={toggle}>{datas.name} (No. ID {datas.id}) Transaction(s)</ModalHeader>
          <ModalBody>
            <Row>
              <Col>
                <b>In-hand Quantity</b>
              </Col>
              <Col xs="1">
                <i className="fa fa-arrow-right"></i>
              </Col>
              <Col>
                {datas.inHand}
              </Col>
            </Row>
          </ModalBody>
        <ModalFooter>
          <Button color="secondary" onClick={toggle}>Cancel</Button>
        </ModalFooter>
      </Modal>
    </div>
  );
}

export default ModalBuySell;

Я пытался дать моей кнопке некоторую функцию onChange, но сначала мне нужно сделать это в классе, я новичок, поэтому я просто ищу по inte rnet, но все решения заставляют меня использовать класс вместо моего код как этот.

...