React Style не работает со строками шаблона
Почему этот inline style не работает?
Мои журналы консоли: The style prop expects a mapping from style properties to values, not a string. For example, style = {{marginRight: spacing + 'em'}} when using JSX. Это потому, что литералы шаблона все преобразуют в строки?
Даже стоит отредактировать свой вопрос, чтобы удалить изображение текста. Код - это текст; текст сообщения.
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 3
Опора style принимает объект, поэтому вам нужен либо { right: 0 }, либо { left: 0 }. Вы можете решить эту проблему, используя computed property name вместо строки шаблона:
const randomLeftOrRight = { [returnRandom()]: 0 };
Не могли бы вы объяснить мне назначение квадратных скобок? Благодарность!
@cyruslk Конечно. Вы можете щелкнуть ссылку в ответе, чтобы узнать, что это значит.
const randomLeftOrRight = { [returnRandom()] : 0 };
Если вы используете строку шаблона, вы можете использовать это так
style = {{ right: `${triggerNode.right+ 50}px`, left: `${triggerNode.left}px` }}
Пожалуйста, включите свой код в текстовую форму вместо изображения.
styleпринимает объект, а не строку.