我是React/Javascript新手,一天之内都不能真正解决这个问题.
我对球员的名字有异议.
let players = {'Amber', 'Thomas', 'Trump', 'Michael', 'Someone'};
基本上,players是一个输入函数,用户在其中键入自己的名字,我将它们存储在这里.
我有一个css用于将它们显示为网格.
const styles = {
section: {
display: 'grid',
gridGap: '5px',
boxSizing: 'border-box',
borderColor: 'black',
padding: '5px',
gridTemplateColumns: 'repeat(1, 1fr)',
}
当球员的长度增加时,我想更改"重复(value,1fr)"中的value.
style = {list.length > 6 ? changeValueMoreSix : changeValueSixOrLess
我想把他们每六个人分开,以防有更多的球员.
E、 g.
Player1
Player2
Player3
Player4
Player5
case 2:11名玩家:
Player1 Player7
Player2. Player8
Player3 Player9
Player4 Player10
Player5 Player11
Player6
基本思想是创建一个列,如果它超过6、12、18等,或者列=玩家.长度/6