React හි CSS modules හි ගොනු සඳහා composes විධානය

composes විධානය එක් ගොනුවක සිට තවත් ගොනුවකට විලාසිතා නැවත භාවිතා කිරීම සඳහාද යොදා ගත හැකිය.

පෙර පාඩම්වලදී අප සාදන ලද buttons යෙදුම වෙත නැවත යමු. අපට බොත්තම් සියල්ලටම සමාන සෙවනැලි, කර්සර විලාසය සහ තද අකුරු අක්ෂර විලාසය එකතු කිරීමට අවශ්‍ය යැයි සිතමු. මෙම විලාසිතා App.module.css ගොනුවේ පිහිටා ඇති බවට සිතමු. අපි මෙම ගොනුව විවෘත කර මෙම විලාසිතා සමඟ නව වර්ගයක් beauty ආරම්භයේ එකතු කරමු:

.beauty { 
	box-shadow: rgba(50, 50, 50, 0.2) 0 5px 5px 0;
	font-weight: bold;
	cursor: pointer;
}

අපි එය බොත්තම් විලාසිකරණය කිරීම සඳහා යොදා ගනිමු. මේ සඳහා Buttons.module.css විවෘත කර common-btn වර්ගයේ වෙනස්කම් කරමු. අපි composes විධානය සහිත පේළියක් එකතු කරමු, එහිදී අපට යොදා ගැනීමට අවශ්‍ය වර්ගයේ නම beauty සහ මෙම වර්ගය පිහිටා ඇති ගොනුව App.module.css සඳහන් කරමු:

.common-btn {
	composes: beauty from "../App.module.css"; 
	font-size: 16px;
	border-radius: 3px;
}

පෙර පාඩම සඳහා කාර්යයෙන් ඔබේ යෙදුමේ කේතය ගෙන, මෙම පාඩමේ දක්වා ඇති ක්‍රමය භාවිතා කර ඔබේ ආදාන ක්ෂේත්‍රවලට යම් සෙවනැල්ලක් කරන්න.