29
4
个人中心
文章发布
退出const [colorTheme, setColorTheme] = useState("#8D9093");
const getColorTheme = (websiteName) => {
const website = websiteData.find(
(site) => site.name.toLowerCase() === websiteName.toLowerCase()
);
if (website) {
console.log(website.colorTheme);
setColorTheme(website.colorTheme);
} else {
console.log("Website not found");
setColorTheme("#8D9093");
}
};
I am fetching colorTheme from a JSON file.
我正在从JSON文件中获取ColorTheme。
{
"name": "YouTube",
"url": "https://www.youtube.com/results?search_query=",
"colorTheme": "#FF0000"
},
And this is one of the examples of how I'm using colorTheme in tailwind
这是我在tailwind中使用colorTheme的一个例子
className={`h-fit w-fit px-2 rounded-xl bg-[${colorTheme}] shadow-[0_0_5px_${colorTheme},0_0_15px_${colorTheme}] text-white`}
The color changes only for the YouTube's colorTheme(#FF0000) and does not change for anything else. But I can that being set for every website in the console. How can it change of one and not for others.
只有YouTube的ColorTheme(#FF0000)的颜色才会更改，其他任何内容都不会更改。但我可以在控制台中为每个网站设置。怎么可能只改变一个人而不改变其他人。
Its changing for Youtube
And not for others
这对YouTube来说是改变，对其他人来说不是
Does changing the setState to setColorTheme(() => _whatever_); make a difference?
将setState更改为setColorTheme(()=>_Anywhere_)；会有什么不同吗？
Is the problem that state isn't updating, or is the problem that the styling isn't doing what you expect? The pictures linked to suggest that state is working just fine. Can you provide a runnable minimal reproducible example which demonstrates the problem?
问题是状态没有更新，还是样式没有按照您的预期进行？链接到的图片表明，这个国家运行得很好。您能提供一个可运行的、可重现的最小示例来说明该问题吗？
@David The state is changing as you can see in the console. But it works only for one value (#FF0000). but doesn't for other values. When I set state to those other values directly (eg setState(#F72617)), it works. So there is not problem with the styling.
@David，正如您在控制台中看到的那样，状态正在发生变化。但它只对一个值(#FF0000)有效。但对于其他价值观却并非如此。当我直接将STATE设置为其他值时(例如setState(#F72617))，它起作用了。所以造型上没有问题。
As per the documentation:
根据文档：
The most important implication of how Tailwind extracts class names is that it will only find classes that exist as complete unbroken strings in your source files.
If you use string interpolation or concatenate partial class names together, Tailwind will not find them and therefore will not generate the corresponding CSS:
Don’t construct class names dynamically
<div class="text-{{ error ? 'red' : 'green' }}-600"></div>
In the example above, the strings
text-red-600andtext-green-600do not exist, so Tailwind will not generate those classes.
Instead, make sure any class names you’re using exist in full:
Always use complete class names
<div class="{{ error ? 'text-red-600' : 'text-green-600' }}"></div>
Consider using the style attribute instead:
请考虑改用style属性：
<div
className="h-fit w-fit px-2 rounded-xl text-white"
style={{
backgroundColor: colorTheme,
boxShadow: `0 0 5px ${colorTheme}, 0 0 15px ${colorTheme}`,
}}
>
0
我正在尝试使用 flot 绘制 SQL 数据库中的数据图表，这是使用 php 收集的，然后使用 json 编码的。 目前看起来像: [{"month":"February","data":482},
我有一个来自 php 行的 json 结果，类似于 ["value"]["value"] 我尝试使用内爆函数，但得到的结果是“value”“value” |id_kategori|created_at
脚本 1 将记录 two 但浏览器仍会将 select 元素呈现为 One。该表单还将提交值 one。 脚本 2 将记录、呈现和提交 两个。我希望它们是同义词并做同样的事情。请解释它们为何不同，以及我
我的python字典结构是这样的: ips[host][ip] 每行 ips[host][ip] 看起来像这样: [host, ip, network, mask, broadcast, mac, g
在 C# 中 我正在关注的一本书对设置和获取属性提出了这样的建议: double pri_test; public double Test { get { return pri_test; }
您可能熟悉 enum 位掩码方案，例如: enum Flags { FLAG1 = 0x1, FLAG2 = 0x2, FLAG3 = 0x4, FLAG4 = 0x8
在一些地方我看到了(String)value。在一些地方value.toString() 这两者有什么区别，在什么情况下我需要使用哪一个。 new Long(value) 和 (Long)value
有没有什么时候 var result = !value ? null : value[0]; 不会等同于 var result = value ? value[0] : null; 最佳答案 在此处将
我正在使用扫描仪检测设备。目前，我的条形码的值为 2345345 A1。因此，当我扫描到记事本或文本编辑器时，输出将类似于 2345345 A1，这是正确的条形码值。 问题是: 当我第一次将条形码扫描
我正在读取 C# 中的资源文件并将其转换为 JSON 字符串格式。现在我想将该 JSON 字符串的值转换为键。 例子， [ { "key": "CreateAccount", "text":
我有以下问题: 我有一个数据框，最多可能有 600 万行左右。此数据框中的一列包含某些 ID。 ID NaN NaN D1 D1 D1 NaN D1 D1 NaN NaN NaN NaN D2 NaN
import java.util.*; import java.lang.*; class Main { public static void main (String[] args) thr
我目前正在开发我的应用程序，使其设计基于 Holo 主题。在全局范围内我想做的是工作，但我对文件夹 values、values-v11 和 values-v14. 所以我知道: values 的目标是
我遇到了一个非常奇怪的问题。 我的公司为我们的各种 Assets 使用集中式用户注册网络服务。我们一般通过HttpURLConnection使用请求方法GET向Web服务发送请求，通过qs设置参数。这
查询: UPDATE nominees SET votes = ( SELECT votes FROM nominees WHERE ID =1 ) +1 错误: You can't specify
如果我运行一段代码: obj = {}; obj['number'] = 1; obj['expressionS'] = 'Sin(0.5 * c1)'; obj['c
我正在为我的应用创建一个带有 Twitter 帐户的登录页面。当我构建我的项目时会发生上述错误。 values/strings.xml @dimen/abc_text_size_medium
我在搜索引擎中使用以下 View : CREATE VIEW msr_joined_view AS SELECT table1.id AS msr_id, table1.msr_number, tab
为什么验证会返回此错误。如何解决？ ul#navigation li#navigation-3 a.current Value Error : background-position Too
我有一个数据名如下 import pandas as pd d = { 'Name' : ['James', 'John', 'Peter', 'Thomas', 'Jacob', 'Andr
我是一名优秀的程序员,十分优秀！