Visual Studio代码上的React-Native格式自定义组件

如何解决Visual Studio代码上的React-Native格式自定义组件

在我的本机应用程序中，我使用漂亮和tslint来更好地格式化代码。

当前存在的问题是，我的自定义组件看起来像这样。

const renderFooter = () => (
   <Button text={strings.CREATE_ACCOUNT} disabled={disableButton()} onPress={handleSignUp} />
);

如果行长少于100个字符，则显示为单行。但是，如果超过100个字符，它将显示如下。

 const renderFooter = () => (
    <Button
      text={strings.CREATE_ACCOUNT}
      disabled={disableButton()}
      onPress={handleSignUp}
    />
  );

我想在这里实现的是，即使少于100个字符，我也要像第二个代码一样格式化第一个代码。 （我使用VS Code自动格式化功能）

我应该如何用tslint配置它？还是更漂亮？