Описание тега react-tsx

Преобразование синтаксиса XML TypeScript, рекомендованное для использования с React.
1 ответ

React TypeScript 2.3 -> типизированный React Bootstrap FormControl onChange

При использовании этого кода я получаю ошибку Property 'type' does not exist on type 'EventTarget', То же самое для checked, value а также name, Следуя коду, я вижу, что FormEvent наследуется от SyntheticEvent что в свою очередь имеет target: EventT…
0 ответов

Не могу найти имя 'FB' [ts]

Я пытаюсь инициализировать JavaScript SDK для использования Facebook Graph API в конце концов. Но это продолжает говорить, что Cannot find name FB, не уверен почему. Вот что я сделал, componentDidMount() { (window as any).fbAsyncInit = function() { …
29 янв '18 в 21:34
2 ответа

Дополнительные реквизиты JSX в проекте TSX/JSX

У меня есть проект React, который я конвертирую из JS в TS. Проблема, с которой я сталкиваюсь, заключается в том, что TSX React предполагает, что все свойства, определенные в функциональном компоненте, являются обязательными. // ComponentA.tsx class…
31 июл '17 в 16:18
1 ответ

Приложение React-Redux, созданное в Visual Studio 2017, выдает ошибки компиляции в коде Visual Studio

Я создал образец приложения, выбрав шаблон React-Redux, представленный в Visual Studio 2017. Пример кода компилируется и запускается, как и ожидалось, когда я использую Visual Studio 2017 IDE. Но когда я использую код Visual Studio, я получаю ошибки…
1 ответ

Оператор распространения с React Typescript

У меня есть одностраничное приложение с перенаправлением, реализованным как const PrivateRoute = ({ component: Component, ...rest }) => ( <Route {...rest} render={(props) => ( Acc.isLoggedIn === true ? <Component {...props} /> : <R…
17 окт '18 в 09:45
2 ответа

One of two strings as state in React with Typescript

У меня есть компонент, который выглядит так: export interface Props { // ... some props } export interface State { readonly mode: "add" | "delete" } export class MyComponent extends Component<Props, State> { readonly state = { mode: "add" } //…
0 ответов

Внутренняя типизация элементов

const Hashable: React.SFC<{Element: string}> = ({ Element = 'div', ...props }) => <Element {...props} id={'someId'} /> ts error: Type '{ id: string; }'нельзя назначить типу IntrinsicAttributes. Свойство id не существует для типа Intri…
13 дек '18 в 13:10
1 ответ

response-beautiful-dnd: Не удается найти элемент маркера перетаскивания внутри Draggable

У меня есть компонент, который получает два набора данных и является реакцией-красивый DragDropContext как показано ниже render() { let index = -1; const dataSetOne = this.props.store!.getdata(1); const dataSetTwo = this.props.store!.getData(2); con…
0 ответов

vscode не обнаруживает неправильный импорт

Я ожидал, что VSCode обнаружит неправильный импорт, но это не так. например import a from './a.svg' там, где такого нет, не выдается никакой ошибки в реальном времени (красная подчеркнутая ошибка) без запуска проекта для получения ошибки компилятора…
0 ответов

Как использовать ответную позу с @reach/router в React Typescript?

В моем приложении React я пытаюсь конвертировать JS react-pose - @reach/router Пример для TypeScript, но это не работает. Вот соответствующие наборы в react-pose: import { ComponentType, HTMLProps } from 'react'; import { PoseElementProps } from './…
0 ответов

Тип typeof GalleryScreen нельзя назначить типу ComponentType <SceneProps

У меня есть React Native - Typescript проект, в котором я использую: React Native Paper, Я использую следующие пакеты: ... "react": "16.3.1", "react-native": "^0.58.6", "react-native-paper": "^2.12.0", ... У меня есть следующее Typescript файл: Vehi…
1 ответ

Условный рендеринг в приложении React с использованием TSX

Я пытаюсь отобразить представление для пользователя в зависимости от состояния, в котором он находится в приложении React, с использованием шаблона React по умолчанию, который предоставляет Microsoft. Вот ошибка, которую я получаю: картина ошибки Во…
22 апр '18 в 22:30
1 ответ

Почему эти дочерние элементы как массив не отображаются в TS?

У меня мертвый простой компонент. Прекрасно работает в JavaScript. const Test = (props: any) =&gt; &lt;div&gt;{props.children}&lt;/div&gt;; const Root: React.SFC&lt;{}&gt; = props =&gt; { return ( &lt;div className="Root"&gt; &lt;h1&gt;hello world.&…
16 июн '18 в 11:36
2 ответа

Шпионить за методом редукции

Я новичок в шутке, и я пишу юнит-тесты для моего приложения реагирования, которое использует избыточный код и написано с использованием Typescript. У меня есть контейнерный компонент с этим фрагментом кода: const mapDispatchToProps = (dispatch: Disp…
05 апр '18 в 12:14
1 ответ

Ошибка при попытке вызвать API внутри Веб-приложения через другое Веб-приложение - Azure

У меня есть два веб-приложения внутри одной службы приложений. Один из них является серверной частью (с API на нем, с использованием.NET Core, установлен SSL-сертификат), а другой - с интерфейсом (ReactTS, созданный с использованием create-react-app…
1 ответ

Свойство "onload" не существует для типа <ImgHTMLAttributes>

Вот мой код для использования тега изображения в машинописи &lt;img className="mediaImg" src={imageUrl} onload={() =&gt; console.log('dffffffffffffffffffffffff')} style={{ ...theme.messages.mediaImg }} /&gt; Когда я использую onload атрибут там я по…
21 сен '18 в 07:09
0 ответов

Material-ui-next withStyles не работает корректно

Я переписываю свой маленький проект в material-ui и использую для этой библиотеки material-ui-next реагировать; Для одного компонента с Style Style Decorator работал просто отлично, для другого он не украшает компонент стилями и выдает эту ошибку: U…
29 мар '18 в 07:32
0 ответов

Вызов функции от дочернего к родителю в машинописном реагировании

Я новичок в машинописи, и мне нужно вызвать функцию от дочернего компонента к родительскому компоненту. Вот мой компонент Chatroom.tsx export class Chatroom extends React.Component&lt;IChatroomProps, {}&gt; { private chatRoom: any constructor(props:…
21 сен '18 в 10:25
0 ответов

Маршрутизация к URL от React до dotNet

Я использую этот фронт в своем проекте, и я хочу использовать свой серверный узел dotNet, который работает в Azure. Этот проект подготовлен для использования qnabot, но я бы хотел использовать свой бэкэнд. Как я могу их подключить? Если вам нужна до…
20 июн '18 в 09:35
5 ответов

Как передать значение li в метод в событии onclick? используя реагировать машинопись

&lt;ul&gt; &lt;li id="1" onClick={this.currentvalue}&gt;2&lt;/li&gt; &lt;li id="2" onClick={this.currentvalue}&gt;3&lt;/li&gt; &lt;li id="3" onClick={this.currentvalue}&gt;4&lt;/li&gt; &lt;li id="4" onClick={this.currentvalue}&gt;5&lt;/li&gt; &lt;/u…
19 июл '18 в 09:27