在 React 中开发时是否可以获得自动完成、建议、智能感知或 CSS 的某些东西?
例如,当我写这样的东西时,我希望能够看到该 CSS 属性的所有可能性。我知道如果我使用.css文件我可以得到这个,但有时我想使用内联 CSS 来做一些事情,而且每次我都必须谷歌搜索才能看到我可以使用什么,这真的很烦人。
我有一个由这个 map 函数渲染的 React 组件:
<div className="links-container">
{links.map((link, i) => (
<Links
key={link.text}
icon={link.icon}
text={link.text}
isRight={i % 2 === 0 ? true : false}
/>
))}
</div>
Run Code Online (Sandbox Code Playgroud)
import React, { Component } from "react";
export default class Links extends Component {
render() {
const { icon, text, isRight } = this.props;
return (
<div style={{ alignSelf: isRight ? "flex-end" : "" }}>
<div className="link">
<img
className="link-img"
src={icon}
alt="link"
style={{ borderColor: isRight ? "#1689FC" : "#FD003A" }}
/>
<div className="link-text">{text}</div>
</div> …Run Code Online (Sandbox Code Playgroud)