小编dan*_*mcr的帖子

我正在从我的外部 (node_modules) 模式库渲染组件。在我的主应用程序中，我将我的Link实例从react-router-dom我的外部库组件中传递，如下所示：

import { Link } from 'react-router-dom';
import { Heading } from 'my-external-library';

const articleWithLinkProps = {
    url: `/article/${article.slug}`,
    routerLink: Link,
  };

<Heading withLinkProps={articleWithLinkProps} />

在我的库中，它呈现Link如下：

const RouterLink = withLinkProps.routerLink;

<RouterLink
  to={withLinkProps.url}
>
  {props.children}
</RouterLink>

在RouterLink似乎正确渲染，甚至在单击时浏览到的URL。

我的问题是它RouterLink似乎与我的应用程序react-router-dom实例分离。当我点击 时Heading，它会“硬”导航，回发页面，而不是像Link往常一样无缝地路由到那里。

我不确定此时该尝试什么以使其无缝导航。任何帮助或建议将不胜感激，在此先感谢您。

编辑：显示我的路由器是如何设置的。

import React from 'react';
import { hydrate, unmountComponentAtNode } from 'react-dom';
import { AppContainer } from 'react-hot-loader';
import { Provider …

所以我有一个简单的gulp任务函数,它目前将我的main.jsx转换为main.js文件:

gulp.task("bundle", function () {
    return browserify({
        entries: "./app/main.jsx",
        debug: true
    }).transform(reactify)
        .bundle()
        .pipe(source("main.js"))
        .pipe(gulp.dest("app/dist"))
});

我想知道是否可以在这个gulp.task中放置多个bundle？ 我理想的结果是能够做到:

• main.jsx到main.js

• otherPage.jsx到otherPage.js

• otherPage2.jsx到otherPage2.js

一气呵成的任务.

我搜索了onliine但似乎找不到任何相关的内容,感谢任何帮助或建议,谢谢你提前.

所以我在页面的容器中有一个div矩阵,每个div显示'1'或'0'.

如果我将容器设置为100%的宽度和高度以适合我的页面底部,我希望能够扩展容器的div中的所有1和0(0和1的数量将是一个静态数字) ,为了这个问题,让我们一起使用100)无论浏览器的大小调整到什么大小都能完美地容纳容器,所以它完全适合容器的宽度和高度,没有任何尾随的空白区域或元素熄灭页面或触发滚动条.

无论屏幕大小(高度和宽度)如何,目标都是确保字体调整大小以适应容器.

我已经看到有关堆栈溢出的多个类似问题,例如:JavaScript Scale Text适合固定Div,但它们似乎都缩放了某一行文本而不是我的组合div中的文本.有没有办法在JavaScript中做到这一点？

如果您看到本课题中的要求,这正是我想要的.Q的不同之处在于他使用1 div内的一些文本而不是多次来装入他的容器.

这是我的HTML:

<div id="binaryMatrix" style="width: 100%; height: 100%;">
    <div>0</div>
    <div>1</div>
    <div>0</div>
    <div>1</div>
    <div>0</div>
    <div>1</div>
    <div>0</div>
    <div>1</div>
    ...up to 100
 </div>

这是我的CSS:

#binaryMatrix div {
    float: left;
}

见小提琴:小提琴

这个项目也在GitHub上: GitHub - danjonescidtrix/binary-matrix

感谢您的任何帮助或建议,谢谢您提前

我会保持简短和直接，所以我明白：

• VW 根据视口宽度更改字体大小。

• VH 根据视口高度更改字体大小。

我的问题是；

有没有办法根据视口宽度和高度缩放字体大小？因此，更改浏览器的高度和宽度将适当地缩放我的字体大小。

我问这个问题是因为我想将文本大小适当地缩放到它们所在的容器，我的问题是容器缩放到 100% 宽度和 100% 高度。因此，根据高度和宽度缩放文本大小似乎是合乎逻辑的，除非有一种方法可以根据其父容器的尺寸来调整大小？

感谢任何帮助或建议，提前谢谢

我尝试使用百分比并查看了各种字体大小调整语法，但我似乎找不到任何根据宽度和高度进行缩放的内容，这有什么原因吗？

我试图将SQL-Server中的周数(例如:21)转换为dd/MM格式的日期(从该周的星期一开始).

我在网上搜索但似乎找不到任何我可以使用的东西.

这是我能做的吗？

任何帮助或建议表示赞赏.

先感谢您.

所以我想从我的顶级组件通过一些道具,一个子组件,我做了一些网上搜索,但无法找到任何东西,显示了如何可以通过this.props.children 与一些值我的组件的状态.这是我的代码.

布局(父母):

export default class Layout extends React.Component {
    constructor (props) {
    super(props)
    this.state = { data: 'test' }
  }

    render() {
        const {location} = this.props;
        console.log("layout");
        return (
            <div>
                <Nav location={location}/>
                <div className="container">
                    <div className="row">
                        <div className="col-lg-12">

                            {this.props.children}, data={this.state.data}

                        </div>
                    </div>
                    <Footer/>
                </div>
            </div>

        );
    }
}

当我在下一个组件中调用"数据"道具时:

家(孩子):

//ON COMPONENT RENDER
    componentDidMount = () => {
        console.log("home");
        console.log(this.props.data);
    }

在我的控制台中它返回:

家

未定义

有关我应该如何使用这个的任何指示？感谢任何帮助,谢谢你提前.

这是我已经坚持了两个多星期的事情,所以这个问题是我最终解决这个问题的机会.我希望任何人都可以帮助我(因为问题很可能是小事/我错过了什么)

使用Node,Redux和React,我从Mongo数据库返回一个集合.我正在使用react-redux"connect"从我的商店中检索我的数据如下面的JSX中所示.

JSX:

import React from "react";
import {connect} from "react-redux"
import {fetchArticle} from "../../actions/articleActions"
var classNames = require('classnames');
import GlobalHero from '../modules/GlobalHero.jsx';

@connect((store) => {
    return {article: store.article.article, fetching: store.article.fetching};
})

export default class Article extends React.Component {

    // BEFORE COMPONENT RENDER (For Everyhing else)
    constructor() {
        super();
        //sets initial state
        this.state = {
            page: "Article"
        };
    }

    // BEFORE COMPONENT RENDER (For Ajax / Dispatcher Events): get article Title / Thumbnail rows based on this.props.indexLimit
    componentWillMount = () …

我想选择当前日期前3个月的第一天.

所以例如,如果当前日期为:'2015-11-08',我的结果将是:'2015-08-01'

如果这是yyyy-mm-dd格式,我更愿意.

我试过这个开始,但没有运气:

SELECT DATEADD(dd, -DAY('2015-09-01') + 1, @today)

我已经尝试过很多东西,但似乎无法解决它,任何建议或帮助将不胜感激.先感谢您

所以在我的快递应用中,我试图根据我的_id字段找到().

请参阅下面的MongoDB记录.

{
        "_id": {
            "$oid": "58c2a5bdf36d281631b3714a"
        },
        "title": "EntertheBadJah",
        "subTitle": "Lorem ipsum dolor",
        "thmbNailImg": "",
        "headerImg": "",
         ... BLAH BLAH BLAH

当我使用时.find( _id: id ),我的id参数= 58c2a5bdf36d281631b3714a.

我如何转换/使用它来获取我的MongoDB记录？

这是我的快递电话:

//GET ARTICLE
app.get('/api/article', (req, res) => {

    var id = req.query.id
    var article = [];

    db.collection('articles')
        .find( _id: id )
        .then(result => {
            article = articles.concat(result);
        }).then(() => {
            res.send(article);
        }).catch(e => {
            console.error(e);
        });

});

任何帮助或建议表示赞赏.先感谢您.

编辑:(我的修订查询)

//GET ARTICLE
app.get('/api/article', (req, res) => {

    var …

我目前正在使用 VB 向 AutoCAD 添加功能。

我正在尝试处理我的文本对象的 ObjectId，我想知道是否有一种方法可以让我直接从 Autocad 中查看 ObjectId（也许在某些类型的属性查看器中？）

关于我如何做到这一点的任何帮助或建议都会有所帮助，在此先感谢您。

我的 React 应用程序中有一个<p>标签，我想在其中渲染 React Router V4 链接。目前，它不返回 Link，而是返回[object Object].

这是我的代码：

<p className="pt2  pb4">
  {`We are constatly encouraging people to get involved, as clichue as it sounds, Rendah is about community, so wether youre an artist, a designer, a writer, a developer or anything else and want to get involed? ${<Link to={'/Contact'} className="no-underline  link">Please get in touch!</Link>}`}
</p>

我搜索了几个问题，但似乎没有一个问题能够复制或解决我在这里遇到的问题。我错过了什么吗？

如有任何帮助/建议，我们将不胜感激 - 提前谢谢您。

我正在异步函数中使用等待按特定顺序执行函数,如果你看到这里 - 我想startAnim等到hideMoveUI完成执行后才能执行自己.

虽然我的控制台日志返回:

startAnim
hideMoveUI

我的代码:

async function printAll() {
  await hideMoveUI();
  await startAnim();
}
printAll();

hideMoveUI = () => {
    setTimeout(() => {
      console.log('hideMoveUI');
    }, 3000);
  }

startAnim =() => {
    setTimeout(() => {
      console.log('startAnim');
    }, 500);
  }

是setTimeout一种async功能？

如何使第二个功能等待第一个功能完成？任何帮助或建议表示赞赏.先感谢您.

我一直在努力地实现这一目标，我遵循了许多教程，但似乎无法破解，我一直在尝试以下方法：

select CONVERT(VARCHAR(10), DATE, 131) from Table

但它似乎并没有改变任何东西。

任何建议或帮助，将不胜感激。先感谢您。