小编Joh*_*son的帖子

你好，我想做的是一个简单的条件渲染，我之前在 react 中做过，但我似乎无法在 preact 中做到。

 export const InfoSection = (props: Props) => 
    {
        return (
            <div>
                <table>
                    <tr>
                        <th>#</th>
                        <th>User</th>
                        <th>Info</th>
                        <th>date</th>
                    </tr>
                    {
                        props.infoEntries.map( (l, i) => 
                        {
                            return (
                                <tr>
                                    <td>{i+1}</td>
                                    <td{l.UserId}</td>
                                    <td>{l.Info}</td>
                                    <td>{l.Date}</td>
                                </tr>
                            )
                        })
                    }
                    {
                        if(this.props.showEntryDetails){
                            return(
                        <tr>
                          <td>"Hello"</td>
                        </tr>
                    )
                        }
                    }
                </table>
            </div>
        )
    }

正如你在底部看到的，我只是尝试在 showEntryDetails 上使用 if，但在这里我收到一个错误，说“预期表达”我认为这是一个打字稿错误，但我不知道为什么它不会让我在那里有一个 if。谁能向我解释为什么以及是否有办法做我想做的事？

您好，我有一个使用 orleans 和 signalR 启动并运行的应用程序，我使用 HubConnectionBuilder 来初始化我的 SignalRClient，如下所示

public async Task<HubConnection> InitSignalRCLient()
    {
        Program.WriteConsole("Starting SignalR Client...");
        var connection = new HubConnectionBuilder()
            .ConfigureLogging(logging =>
                logging
                .AddProvider(new LogProvider(Log.logger, new LogProviderConfiguration
                {
                    Category = LogCategory.SignalR,
                    Level = LogLevel.Warning
                }))
            )
            .WithUrl(Configuration.GetConnectionString("SignalRInterface"))
            .Build();

然后我将服务作为单例添加到配置服务中

services.AddSingleton(SignalRClient)

现在的问题是我想使用 Redis 作为背板，并且我在将 Redis 服务添加到我当前使用 SignalR 的方式中时遇到问题，就像这样不起作用

services.AddSingleton(SignalRClient).AddStackExchangeRedis();

根据文档https://learn.microsoft.com/en-us/aspnet/core/signalr/redis-backplane?view=aspnetcore-2.2它希望您添加它

services.AddSignalR().AddStackExchangeRedis("<your_Redis_connection_string>");

但这不适用于我使用 SignalR 的方式。无论如何，有没有办法让我的实施发挥作用，或者有人对如何解决这个问题有任何建议？

所以我根据数据库的结果生成一个表，在数据库中我保留 rgb 值，例如 75,75,75，现在当我生成列表时，我想使用保存的值设置我的 td 的背景

     <tbody>\n\n       {this.state.boxes.map((box, i) =>\n        <tr>\n        <td>{box.name}</td>\n        <td>{box.weight}</td>\n        <td style={{background: "rgb("+{box.color}+")"}}>{box.color}</td>\n        <td>{box.multiplier}</td>\n        </tr>)}\n  </tbody>\n

这不起作用，但有点表明我想做的事情。我只想将每个生成元素的背景设置为 ex 75,75,75 的 box.color 值。有办法这样做吗？

这是对象结构

color: "138,82,82"\n\xe2\x80\x8b\xe2\x80\x8b\nmultiplier: 4\n\xe2\x80\x8b\xe2\x80\x8b\nname: "Johan"\n\xe2\x80\x8b\xe2\x80\x8b\nweight: 14\n

您好，我在我的父级和它的子级上使用 onClick 时遇到了问题，这会触发显示哪个 menuSection。即使我点击了孩子，它的父母部分也会出现。如果该元素被点击，如何仅触发子元素？

    <div> onClick={() => props.onClick(MenuSection.Default)} >
          <div <span><InfoIcon /></span> Some info</div>
          <div>More Info</div>
          <div>Even more Info</div>
          <div onClick={() => props.onClick(MenuSection.NotDefault)}><InfoIcon /></div>
    </div>

所以这里是它的外观和它总是 MenuSection.Default 从不出现 MenuSection.NotDefault。

我在弄清楚如何使按钮 onClick 向下滚动（例如每次点击 30px）时遇到问题。

假设我有两个带有这样图标的 div

<div className="info-container">
    <div className="scroll-icon-container" onClick={scrollUp(30)}>
        <ScrollUpIcon />
    </div>
    <div className="scroll-icon-container" onClick={scrollDown(30)}>
        <ScrollDownIcon />
    </div>
    <p>"Huge amount of text that will need scrolling"</p>
</div>

然后两个函数像

scrollUp(number: amountToScroll){
   //Scroll the "info-container" up amountToScroll pixels
}

scrollDown(number: amountToScroll){
   //Scroll the "info-container" down amountToScroll pixels
}

到目前为止我能找到的只是在 jquery 中或如何使其滚动到特定元素，但我正在寻找以像素％或其他有效方式向下滚动的设定量。

好吧，我有一个非常具体的 css，我需要为前 3 行设置，并且只在这 3 行的第二个 td 上设置。有没有办法在CSS规则中只针对它们？

现在我正在尝试这样

这是渲染图

  <tr className={getRowColor(props, l, i)}>
                                <td>{i + 1}</td>
                                <td className="info-table-cell{l.info}</td>
                            </tr>

这是该行中的第二个 td，我只想将其定位为前 3 行。现在我尝试这样

.info-table-cell td:nth-child(1) {
  background-color: #FFF45E;
}

.info-table-cell td:nth-child(2) {
  background-color: #DCDCDC;
}

.info-table-cell td:nth-child(3) {
  background-color: #FFC933;
}

但这没有任何作用。谁知道如何做到这一点？