反应缩放平移捏抛出未定义的无法读取属性“limitToWrapper”

Question

i have component that renders a image component with zoom equals to true as a props, inside the Image compo i have react zoom pin panch plugin i wrapp the image with the TransformWrapper compo as said in the documentation and throw a error "Cannot read property 'limitToWrapper' of undefined "

Image compo

inside the image compo:

Answer 1

I suspect you are not passing the required options object along to the <TransformWrapper /> component, that contains the limitToWrapper helper.

See the example in the repo :

<TransformWrapper
  options={{
    limitToBounds,
    transformEnabled,
    disabled,
    limitToWrapper,
  }},
  ...
>
  <img ... />
</TransformWrapper>

You can also check this issue if you are on a version lower than 1.6.1.