25
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
这是我如何在顺风中使用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
我并不总是编写 make 文件，但当我这样做时，我喜欢尝试并写好它们。试图使界面与其他开发人员的期望一致始终是一项艰巨的任务。我正在寻找的是所有常见的 make some clean (GNU) ma
例如，我在运行 makefile 时收到这样的错误: make[3]: *** [/home/ziga/Downloads/openwrt/rakun_openwrt/staging_dir/ho
我必须创建一个 Makefile，它从不同文件夹中的 .c 文件创建单个可执行文件。 .c 文件包含来自任何这些文件夹的头文件。根目录有3个子目录x/y、x/z、a，所有这些子目录都有一些.c和.h文
您好，我有一个简单的 MakeFile，其中包含: clean: rm -f ex1 但是当我运行命令make clean 时，出现以下错误: make: *** No rule to mak
我已经为一些软件安装了它，但现在我根本不使用那个软件，所以我需要移除MinGW才能使用Cygwin进行Android开发。。我使用的是64位Windows 7
以下是针对我遇到的问题的简化生成文件: all: /tmp/makey/../filey @echo All done /tmp/filey: @echo Filey 当我运行 mak
获取错误: make: *** No rule to make target all. Stop." 在安装nagios主机期间运行此命令make all 最佳答案 可能的常见错误: 确保将文件命名为
当使用 -jN 运行 gnu-make 规则时，make 会创建 jobserver用于管理跨子制造商的工作数量。此外，您可以通过在 make 配方前添加 + 前缀来“将作业服务器环境传递”到 mak
使用 GNU Make 4.1 概括 我调用一个子品牌 b.mk来自生成文件 a.mk .b.mk被调用以确保构建子系统。 有时我想强制一个目标为 a.mk重制: make -f a.mk --al
这个问题与问题 2543127 的精神相似。 . 我有一个带有头文件列表的 gnu makefile。每个头文件可能位于不同的目录中，例如， HEADERS = $(wildcard *.h) $(w
假设我有以下 GNU make 目标: create_dir: @mkdir objects build_asm: $(ASM_FILES) @echo
我有一个具有以下结构的 Makefile(工作示例)。 .PHONY: image flashcard put-files put-files: @echo "=== put-files" i
我想要一个这样的makefile: cudaLib : # Create shared library with nvcc ocelotLib : # Create shared li
有没有比更好的方法来获取 GNU make 变量的第一个字符 FIRST=$(shell echo $(VARIABLE) | head -c 1) (不仅笨重而且还要调用外部shell)？ 最佳答案
我通常使用像 cmake 这样的高级构建系统来构建我的 C/C++ 代码。但是由于各种原因，我直接使用 GNU make。 我正在进行递归构建，其中每个目录都有一个 makefile。 我最近不得不将
我通常使用像 cmake 这样的高级构建系统来构建我的 C/C++ 代码。但是由于各种原因，我直接使用 GNU make。 我正在进行递归构建，其中每个目录都有一个 makefile。 我最近不得不将
我安装了最新的mingw，发现没有mingw32-make了。有make.exe，所以我想知道最近是否将mingw32-make重命名为make.exe。 最佳答案 我不知道您从哪里获得 MinGW，
我正在使用 CentOS，但由于一个错误，许多软件包被删除了。所以我没有 yum 和 rpm。所以我想从源代码手动制作 yum，但我也没有制作。我知道一切都会用“制作包”制作。但是 make 自己呢？
考虑这个Makefile: .PHONY: all all: main.txt main.txt: build/main.txt cp build/main.txt . %/main.txt:
假设目录输入中有 1000 个扩展名为 .xhtml 的文件，并且这些文件的某个子集(输出路径在 $(FILES) 中)需要通过 xslt 转换为目录输出中具有相同名称的文件.一个简单的 make 规
我是一名优秀的程序员,十分优秀！