Вопросы с тегом 'jsx'

Для вопросов о синтаксисе JSX, используемом React.js, Vue и другими интерфейсными средами JavaScript, который позволяет использовать встроенные литералы XML в JavaScript для описания элементов HTML. Если ваш вопрос касается расширенной реализации JavaScript (ExtendScript) в Adobe, которая как минимум на пять лет старше React.js, используйте вместо этого тег [ExtendScript].
5

Почему реквизиты JSX не должны использовать функции стрелки или связывать?

Я запускаю lint с моим приложением React и получаю эту ошибку: error JSX props should not use arrow functions react/jsx-no-bind И здесь я запускаю функцию стрелки (внутри onClick): {this.state.photos.map(tile => ( <span key={tile...
17 апр. '16 в 14:22
4

Отобразить HTML-строку как реальный HTML в компоненте React

Вот то, что я пробовал и как это происходит не так. Это работает: <div dangerouslySetInnerHTML={{ __html: "<h1>Hi there!</h1>" }} /> Это не означает: <div dangerouslySetInnerHTML={{ __html: this.props.match.description }} /&...
28 сент. '16 в 21:42
11

React Native - Image Require Module с использованием динамических имен

В настоящее время я создаю тестовое приложение с помощью React Native. Модуль Image пока работает нормально. Например, если у меня было изображение с именем avatar, снимок кода ниже работает нормально. <Image source={require('image!avatar')} /&...
15 июн. '15 в 20:16
6

&nbsp jsx не работает

Я использую тег & nbsp в jsx, и он не отображает пробел. Ниже приведен небольшой фрагмент моего кода. Пожалуйста, помогите. var Reporting=React.createClass({ render: function(){ return( <div style={divPositionReporting}> ...
19 июн. '16 в 16:02
10

Как комментировать код jsx в.js файлах в VSCode?

В отличие от webstorm, я не могу комментировать код jsx в.js файлах в Visual Studio Code.
20 июл. '16 в 13:51
15

Автозаполнение JSX или HTML в коде Visual Studio

Есть ли способ использовать компоненты или HTML-код в Visual Studio Code? Поскольку ввод каждой буквы вручную не является хорошей идеей, когда у нас есть классы, такие как Bootstrap и т.д. Например, завершение как в Emmet: ul>li*2>a var React ...
04 сент. '16 в 18:52
5

ESLint с React дает ошибки `un-unused-vars`

Я установил eslint и eslint-plugin-react. Когда я запускаю ESLint, linter возвращает no-unused-vars ошибки для каждого компонента React. Я предполагаю, что это не признает, что я использую синтаксис JSX или React. Любые идеи? Пример: app.js ...
01 мар. '17 в 20:36
6

Как использовать componentWillMount() в React Hooks?

В официальных документах React упоминается - Если вы знакомы с методами жизненного цикла класса React, вы можете использовать useEffect Hook как комбинацию componentDidMount, componentDidUpdate и componentWillUnmount. У меня вопрос - как мы можем...
25 нояб. '18 в 4:13
9

Формат изменения кода Visual Studio (React-JSX)

У меня есть следующий фрагмент в моем index.js class App extends Component { render() { return ( <div style = { styles.app } > Welcome to React! </div> ) } } Код работает, но каждый раз, когда я сохраняю (ctrl ...
09 июл. '17 в 6:50
5

Возможно ли выполнение сценариев JSX извне ExtendScript?

Обычно, когда вы пишете сценарий .jsx для автоматизации продукта Adobe (например, InDesign, Illustrator или Photoshop), вы пишете, отлаживаете и выполняете сценарий из IDE ExtendScript. Можно ли обойти ExtendScript и запустить скрипт из третьей прог...
02 окт. '10 в 16:43
7

Вы не должны использовать <Link> вне <Router>

Я пытаюсь настроить реакцию маршрутизатора в примере приложения, и я получаю следующую ошибку: You should not use <Link> outside a <Router> Мое приложение настроено так: Родительский компонент const router = ( <div className="san...
06 февр. '18 в 10:03
3

"Console.log" с Photoshop Scripting - ExtendedScript Toolkit

Я делаю несколько сценариев Photoshop в первый раз, и было бы здорово иметь консоль-подобную функцию для вывода значений массива и объекта в консоли Javascript Приложение ExtendScript Toolkit. Существует ли эквивалентная функция?
17 дек. '11 в 14:49
4

Как я могу привязать к компоненту refact в статусе без гражданства?

Я ищу, чтобы создать компонент без состояния, который input элемент может быть проверен родительским компонентом. В моем примере ниже я _emailAddress с проблемой, когда входной ref никогда не назначается родительскому частному свойству _emailAddres...
08 дек. '16 в 20:48
5

Как выполнить вложенный оператор if else в jsjjjjjjjjjj?

Я хотел знать, возможно ли его вставить, если else, если в reactjs jsx? Я пробовал разные способы, и я не могу заставить его работать. Я ищу if (x) { loading screen } else { if (y) { possible title if we need it } main } Я пробовал...
19 мая '16 в 0:33
3

ReactJs: Какими должны быть PropTypes для этого .props.children?

Учитывая простой компонент, который отображает его дочерние элементы: class ContainerComponent extends Component { static propTypes = { children: PropTypes.object.isRequired, } render() { return ( <div> {this.props...
08 февр. '17 в 20:00