大多数CSS代码似乎在React JS中都可以正常工作，但是，我试图使用const input = `This is an example of an text`;
const obj = {
"coveredText": "example",
"type": "exampleType",
"id": 4704,
"level": 2
};
const { coveredText, type, id, level } = obj;
const pattern = new RegExp(coveredText, 'g');
const replacer = () => (
coveredText.replace(/./g, char => (
`<span data-id="${id}" class="annotation level${level} ${type}">${char}</span>`
))
);
const output = input.replace(pattern, replacer);
console.log(output);来创建一个悬挂缩进。悬挂式缩进是第一行文本的缩进（向左缩进）。通常，在CSS中，我可以使用text-indent，它可以正常工作。在React JS中，我通常会做类似text-indent: -10px的事情。但是，textIndent: "-10px"在React JS中似乎没有任何作用。
React JS不喜欢此CSS属性的原因是什么？我该怎么办？
答案 0 :(得分：0)
问题很可能是您将文本缩进直接传递给了段落元素。如果将文本缩进传递给环绕的父div，则警告将消失。祝你好运！