Js-beautify: Путать многострочный атрибут форматирования jsx

Созданный на 8 апр. 2016  ·  5Комментарии  ·  Источник: beautify-web/js-beautify

У меня установлена ​​последняя версия. Мои файлы открываются как файлы Babel JS, и в моем файле конфигурации для параметра e4x установлено значение true. Вот что у меня есть сейчас:

return (
  <a href="#"
    onClick={e => {
      e.preventDefault()
      onClick()
    }}>
    {children}
  </a>
);

Однако после форматирования он становится таким:

return ( < a href = "#"
  onClick = {
    e => {
      e.preventDefault()
      onClick()
    }
  } > { children } < /a>
);

Что мне нужно изменить, чтобы мои файлы были правильно отформатированы или хотя бы не испорчены?

Самый полезный комментарий

Спасибо! Я добавил его в свой список для следующей версии.

Все 5 Комментарий

Вы установили e4x=true ?

@bitwiseman Да, видел.

Я тоже с e4x=true ! Это действительно странно. :радость:

Спасибо! Я добавил его в свой список для следующей версии.

Вот что я узнал об этой проблеме:

// successful - no change
return(
    <a href="#" onClick={e => {      e.preventDefault()      onClick()}}>
    {children}
  </a>
);


// successful - no change
return <b><a href="#"
    onClick={e => {
      e.preventDefault()
      onClick()
    }}>
    {children}
  </a></b>;

// failure - adds spaces 
return <a href="#"
    onClick={e => {
      e.preventDefault()
      onClick()
    }}>
    {children}
</b>;
Была ли эта страница полезной?
0 / 5 - 0 рейтинги