vs код - пользовательский jsx intelisense с es6 - PullRequest
Новая
       39

vs код - пользовательский jsx intelisense с es6

0 голосов
/ 17 сентября 2018

У меня есть небольшая внутренняя библиотека, и я хочу создать intellisense для пользователей, которые будут использовать JSX.

По сути, я хочу, чтобы пользователь начал писать, и у меня есть доступные свойства, которые он должен добавить в автозаполнение. *Скрипт типа 1003 *

имеет интерфейсы и модели, которые позволяют отображать значения intellisense.Я ищу то же самое (даже если мне нужно приложить некоторые усилия)

Я использую es6 и последний против кода.

код на самом деле не связан конкретно (можетбыть любым кодом реакции), но здесь, в случае, если кто-то даст мне направление / модификацию.

пример кода: 

class Button extends React.Component{
    constructor(props){
    super(props);
  }
  handleClick = () => {
    this.props.onClickFunction(this.props.IncrementValue);
  }
    render(){
    return (
        <button onClick={this.handleClick}>{this.props.IncrementValue}</button>
    )
  }
}
const Result = (props) => {
    return (
    <div>{props.counter}</div>
  );
};
class App extends React.Component{
    state = {counter: 0};

  incrementCounter = (IncrementValue) => {
    this.setState((prevState)=>({
        counter: prevState.counter + IncrementValue
    }));
  };

    render(){
    return(
        <div>
          <Button IncrementValue={1} onClickFunction={this.incrementCounter} />
        <Button IncrementValue={5} onClickFunction={this.incrementCounter} />
          <Button IncrementValue={10} onClickFunction={this.incrementCounter} />
          <Button IncrementValue={100} onClickFunction={this.incrementCounter} />
        <Result counter={this.state.counter} />
        </div>
    )
  }

}

ReactDOM.render(<App />, mountNode);

1 Ответ

0 голосов
/ 17 сентября 2018

Откройте ваш VS Code настройки рабочего пространства и в settings.json добавьте следующее. 

{
  "files.associations": {
    "*.js": "javascriptreact"
  },
  "editor.formatOnSave": true
}

Это позволит VS Code обрабатывать все файлы js / jsx в вашем проекте React с помощью специальных функций конфигурации / автозаполнения. Это также активирует форматирование кода по умолчанию при сохранении.

Надеюсь, это поможет!

...