在ReactJs中更改状态时如何添加段落

如何解决在ReactJs中更改状态时如何添加段落

我在React中还很陌生。我试图找到一种在状态实现时写一些东西的方法，即“动作加载..”。

问题在于添加了状态，然后对程序执行了更改。我想要的是在添加状态时做类似<p>actions loading ..</p>

的操作

这是我的代码：

{states.length > 0 && (
  <div>
       Actions loading ..
  </div>
)}

这里的程序是，添加状态，然后添加段落。

请查看添加到我的应用中的状态的屏幕截图。

解决方法

当状态的长度为零时，您可以使用三元运算符显示public async Task Repro() { using var transaction = new TransactionScope(TransactionScopeAsyncFlowOption.Enabled); await using var connection = new SqlConnection(_configuration.ConnectionString); await connection.OpenAsync(); await NestedCall(); await connection.CloseAsync(); transaction.Complete(); } private async Task NestedCall() { await using var connection = new SqlConnection(_configuration.ConnectionString); await connection.ExecuteAsync(""); } 。

Actions Loading

,

如果您为此组件添加更多上下文，那将确实有帮助，但是如果您有类似的内容

const MyComponent = props => {
  const [states,setStates] = React.useState([]);

  React.useEffect(() => {
    myRequest().then(setStates);
  },[]);

  return (
    <div>
      {states.length > 0 && (
        <div>
         Actions loading ..
        </div>
      )}
    </div>
  )
}

并且您想要显示状态或消息，可以将渲染更改为

    <div>
      {states.length > 0 ? (
        <dix>
         {states.map(state => <MyState/>)}
        </div>
      ) : (
        <div>
         Actions loading ..
        </div>
      )}
    </div>