Extract refactoring runs on JSX attribute about abracadabra

[nicoespeon]

Thanks for reporting! I handled this case and now it will resolve the closest extractable chunk.

In this case, it will extract the whole JSX Element:

function MyComponent() {
  const extracted = <div id="test">Hello</div>;
  return extracted;
}

[automatensalat]

I suppose it could also extract the value of the attribute, i.e.

function MyComponent() {
  const extracted = "test";
  return <div id={extracted}>Hello</div>;
}

Not sure which behavior would be more helpful / expected.

[nicoespeon]

Maybe… I went for the consistent behavior of "extract the closest extractable node", I'm not sure how easy it would be to add this one special case at the moment. I think that's fine, you would put your cursor on the value to extract the value and that should work fine 👍