React Redux Отписаться от привязки данных хранилища - PullRequest
Новая
       11

React Redux Отписаться от привязки данных хранилища

0 голосов
/ 02 августа 2020

Я новичок в React и redux, и у меня есть важный запрос.

Я хочу отобразить элемент в svg как дочерний.

Для атрибутов x, y мне нужны взять значение из данных хранилища, которое постоянно обновляется при движении мыши или щелчке по svg.

Проблема в том, что, поскольку я привязываю атрибуты внутри компонента для хранения данных состояния, всякий раз, когда состояние изменяется, позиция прямоугольника обновляется.

Принимая во внимание, что мне нужно получить x, y только тогда, когда я добавляю в dom, и после рендеринга компонента я хочу, чтобы значения атрибутов были отменены.

Любые мысли о том, как с этим справиться

Ниже приведен пример кода - 

import React, { Component } from "react";
import { connect } from "react-redux";
import store from "../Redux/store";

export class Rectangle extends Component {
  constructor(props) {
    super(props);
    this.state = {};
  }

  render() {
    return (
      <g>
        <rect
          className="rect1"
          width="100"
          height="50"
          x={store.getState().point_x}
          y={store.getState().point_y}
          ref="rect1"
        ></rect>
      </g>
    );
  }
}

export default connect(null)(Rectangle);
...